Posts under category Facebook Social Plugins

Example https://jsfiddle.net/rost4719/1/
Works on desktop, but once switched over to mobile via the developer tool, it gets
Failed to load resource: the server responded with a status of 500 () chromewebdata/:1 Refused to display 'https://m.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'. (index):2942 Uncaught TypeError: Cannot read properties of null (reading 'classList') at HTMLDocument.onDocumentLoad ((index):2942:19)
On PROD sites, it will also get CSP blockage since https://m.facebook.com was not used before for showing the embed therefore not configured as part of CSP.

Getting this error after inputting correct app ID and Secret via "Nextend Social Login":
"Sorry, something went wrong. We're working on getting this fixed as soon as we can. Go back Meta © 2024 · Help"
Other providers are all set up and working correctly.
I've checked the ID and Secret many times and tried reseting the Secret a few times, it appears to be correct.

Hi everyone, I apologize for my "bad" English (thanks chat gpt), but I'll do my best to explain my issue.
I'm referring to the documentation provided by Facebook at https://developers.facebook.com/docs/plugins/like-button/.
In my application code:
window.fbAsyncInit = function() {
FB.init({
appId: 'my id here',
xfbml: true,
version: 'v19.0'
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "https://connect.facebook.net/pt_BR/sdk.js";
js.crossOrigin = "anonymous"
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
Plus, I've included the div with id="fb-root" and the div for the button.
The error I'm encountering is "The loading of “https://www.facebook.com/plugins/like/connect” in a frame is denied by “X-Frame-Options“ directive set to “deny“," as shown in the console, even though it shouldn't."
Am I making a mistake somewhere?

  1. 1
  2. 2