The Facebook user interface dialog is altering the link once it has been sent

I am currently facing an issue with sending invitations via the Facebook Graph API. Each time I include an invitation code in the link and send it using the Facebook UI dialog, the link gets altered.

FB.init({
  appId: 'facebook_app_id',
  status: true,
  cookie: true,
  xfbml: true
});

FB.ui({
  method: 'send',
  link: 'https://mywebsite.com/i/jywk2j',
  name: 'You receive an invite',
  to: 1
});

Upon checking the message, I noticed that the link is now changed to 'https://mywebsite.com' without the '/i/jywk2f' part.

The link does not show any strange redirects or error codes when visited. It simply leads to a normal landing page.

Can anyone provide some insight into what could be going wrong here?

UPDATE

App Settings

Display name: My website name
Namespace: empty
App domains: empty
Hosting URL: You have not generated a URL through one of our partners (Get one)

Choose how your app integrates with Facebook

Selected option: Website with Facebook Login
URL: https://mywebsite.com

Analysis from https://developers.facebook.com/tools/debug

Response Code   200
Fetched URL     https://mywebsite.com/i/jywk2j
Canonical URL   https://mywebsite.com/i/jywk2j

Open Graph Warnings That Require Attention

Inferred Property   The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property   The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property   The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property   The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Tiny og:image       All images referenced by og:image must be at least 200px in both dimensions. Please check all images tagged with og:image on the specified URL and ensure they meet the minimum requirement.

Object Details

og:url      https://mywebsite.com/i/jywk2j
og:type     website
og:title    Title of my website

Answer №1

Issue resolved! Huge shoutout to @chumkiu for guiding me towards the solution.

The root cause stemmed from using a subdomain and misconfiguring my Facebook application settings. The necessary steps involved adding App Domains with mywebsite.com and removing the subdomain from the Website with Facebook Login section.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Obtain the contenteditable span's value

I'm facing an issue with a content editable span - I want to extract its value when the post button is clicked, but it's not working as expected. Please note that I am unable to convert the span to a textbox or div, I specifically need the value ...

Methods for reloading the requirejs module

There are two modules: settingmap.js var settingMap = { scWidth : [4000, 6000, 8000], scHeight : [5000, 7000, 9000], bxWidth : [100, 90, 80], bxHeight : [100, 90, 80], totalTime : [50, 40, 30], level : [1, 2, 3], boxColor : [&a ...

Developing a innovative and interactive nested slider using Jssor technology

Trying to implement a dynamic jssor nested slider to showcase albums and images from a mySQL database. Everything works fine with a single album, but when there are two or more albums, the display gets messed up. I'm still learning JavaScript and JQue ...

Google Extension PHP Plugin

Is it feasible to integrate a PHP file into a Google Extension for Chrome? I've been exploring the idea of creating an extension and most resources only mention HTML, CSS, and JavaScript. Any guidance on using PHP in the extension would be highly valu ...

I'm new to Angular, so could you please explain this to me? I'm trying to understand the concept of `private todoItems: TodoItem[] = []`. I know `TodoItem` is an array that

//This pertains to the todoList class// The property name is todoItems, which is an array of TodoItem objects fetched from the TodoItem file. I am unable to make it private using "private todoItems: TodoItem[] = []," is this because of Dependency Injectio ...

Vue.js Dynamic Gallery

Greetings to everyone attending, I'm currently working on a portfolio page and I am looking to resize blocks dynamically in vue.js based on window size.View image description here The tile displayed in the image should always maintain a square shape, ...

What could be causing the decrease in speed of my Three.js animation within Vue.js?

I attempted to replicate the impressive wave simulation from this CodePen link: https://codepen.io/cheekymonkey/pen/vMvYNV, using Vue.js. However, the animation seems to be running significantly slower when implemented in Vue.js. In my effort to recreate ...

retrieving embedded content from an iframe on Internet Explorer version 7

Need help with iframe content retrieval $('.theiframe').load(function(){ var content = $(this.contentDocument).find('pre').html(); } I'm facing an issue where the iframe content is retrieved properly in FF, Chrome, and IE 8,9 ...

Converting EDN data to a string and back in Clojure/ClojureScript

When working with JavaScript, one can convert a JavaScript data structure into a JSON string using the following code: JSON.stringify({somedata: { somesubdata: {}}}) Then, to parse it back into a JS data structure, you can use: var my_obj = JSON.parse(" ...

Nightwatch failing to locate element within iFrame

I'm currently facing a challenge when trying to access an element within an iframe. Despite successfully switching to the frame, Nightwatch keeps returning "element not found" whenever I attempt to verify its presence or visibility. Below is a snippe ...

Node js presenting outdated versions of altered angular documents (rather than the latest versions)

I have been working on a project with the MEAN stack and everything has been going smoothly, except for one issue I am facing with the static files. In my Node router file, I have set up some rules to serve the static files. Everything was fine until I ma ...

Retrieving the data from an AJAX JSON variable

Inside my JavaScript function, I am fetching data like this: var jsonData = $.ajax({ url: "pie_chart_community.php", community_id: $c_id, dataType: "json", async: false }).responseText; Is there a way for me to access the community_id in ...

Place the button focus beside the field to enable activation by either pressing Enter or a mouse click utilizing jQuery

I am looking to find a way to submit the information in the inputbox by either pressing the Enter key or clicking the mouse. Currently, when manually changing focus using the tab key or clicking with the mouse, the information is submitted. This is achiev ...

Is it possible to initiate an animation in a child component using an input variable?

I have a specific animation that I would like to trigger once an *ngFor loop completes ngAfterViewInit(): void { this.items.changes.subscribe(() =>{ Promise.resolve().then(() => { this.everythingLoaded(); }) }) } After the loop fini ...

Struggling to set up a Node three.js website on a server, looking for guidance on the process

I am encountering an issue with uploading my files to the public_html folder on the server. The application consists of an HTML file, a three.js JavaScript file, and other supporting files. To run the application, I need to type "npm i" and then "npm run d ...

Decrease the space between slide items by reducing margins or increasing their width

I'm having trouble achieving the desired spacing between items, I would like more space between each item but they are currently too close together. I am looking for a margin of 10px or a width of 32% for each item. I have already looked into some re ...

Ensure the browser only reloads a single file

In the midst of my project, I realized that the CSS and JS files are being loaded separately onto the webpage with query strings like .css?1234 to ensure the browsers refresh the files on load. However, upon returning to the project, I discovered that one ...

Discover the name of a color using its HEX code or RGB values

Is there a way to retrieve the color name from RBG or HEX code using JavaScript or JQuery? Take for instance: Color Name RGB black #000000 white #FFFFFF red #FF0000 green #008000 ...

Asking for access to a Node server with React authentication

Let me outline the current scenario: I am working with a database that contains registered usernames and passwords. My task at hand is to create a login form where users can input their username and password to log in. These credentials are already stored ...

Transferring Information from the Initial XML Transmission to Following Pages

`I am currently dealing with an API that provides an XML response once a request is made. For instance, let's consider the following simplified example: <buildings> <building attr1="foo" attr2="bar"> <uri>http://blah.com&l ...