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.
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";
Try putting the JS code before the end tag, not after the opening tag.
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.
It turned out that my problem was that I had not uploaded the site to the Internet. I just tested the site in a browser before loading it. Once I downloaded it, the plugin worked fine.
See if this works for you!
:) Nancy