The Facebook page plugin appears as a link only on the website
I've seen similar posts but couldn't find an answer. I am rebuilding my site with Bootstrap and want to add a new plugin. I followed all the instructions by pasting the Javascript code after the opening tag and pasting other code into my web page. All that appears on my web page is a link that says "KMC Marine" that goes to my Facebook page, but no other plugin data appears.
Any suggestions are greatly appreciated.
source to share
1) enter the following css code, it will solve your problem
<style type="text/css">
.fb_iframe_widget span{
overflow: initial !important;
}
.fb_iframe_widget iframe{
width: 340px !important;
height: 500px !important;
}
</style>
2) if you are running your site locally you should replace
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
from
js.src = "https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
source to share
I have the same problem.
I liked that you included the JavaScript sdk right after the body tag (and before, or in a separate javascript file, somewhere else, it doesn't matter, still doesn't work !!!) and I put my plugin code where I want to make it appear.
I had this error in the browser console:
GET file: //connect.facebook.net/fr_FR/sdk.js net :: ERR_FILE_NOT_FOUND (anonymous function)
So I tried to change this:
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4";
in it:
js.src = "http://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4";
Now the SDK is now loading, but a new error appears in the console:
Invalid Application ID: Must be a numeric or numeric string representing the application ID. (sdk.js, line 64).
You can still try. Maybe this will work for you.
source to share