I am trying to add a Facebook Page Plug-in to my web page. I am not using any content managing systems, just plain HTML & CSS. I keep receiving the following error
"GET file://connect.facebook.net/en_US/sdk.js net::ERR_FILE_NOT_FOUND"
Here is my code. I have directly copied this from the Facebook Developers page, so I'm not sure why I'm receiving an error.
<body>
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook">Facebook</blockquote></div></div>
Add "https:" as a prefix of the js.src string "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5".
Because it's currently looking for a local file :)
Related
i want to integrate a fb like box in a smarty tpl file. At this time only the iframe solution works fine, but there is no language support and that's why I want to use the new solution for the box.
The following code does not render the box in the tpl:
<div class="fb-page" data-href="https://www.facebook.com/myfbpage"
data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/myfbpage">
My Facebook Page</blockquote>
</div></div>
Is there a solution?
The Language of the Facebook Page Plugin is defined by the version of the Facebook JS-SDK that is loaded on your page
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.5&appId=119010228291102";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
This will render the Page Plugin in German and
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=119010228291102";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Will render it in english.
Just replace the locale in the URI to the locale you want to use on this page.
I simply tried this -
<div class="fb-comments" data-width="700" data-numposts="5" href="https://ec2-52-74-60-140.ap-southeast-1.compute.amazonaws.com/" > </div>
it shows the comment box but none of the comments are displayed if I comment something on it!
Please help.
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=[your appid];
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Do you have this in your code?
https://developers.facebook.com/docs/plugins/comments/
It was a simple network communication error. My AWS instance was not being able to call the FB APIs properly.
I am trying to make a plugin in my website just like this one :
I am using this code. It includes the script :
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
and this :
<div class="fb-like" data-href="htpp://www.my-site.com/" data-width="600" data-height="30" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="true"></div>
but nothing shows up. Do I have to use css or a js link included in my page to make it work?
I think you are missing the appId. Make sure to create a Facebook application and connect it with your plugin.
I currently have a Like-Box that is only visible while I'm in Safari on my MacBook.
The following are unable to view the like-box (that I have tested so far):
Chrome,Safari (mobile) (iPhone4,4S,5,iPad), Firefox
Is functionality restricted to a certain Java setup? I pulled the code directly from Facebook and have included the Java as they recommend.
Thanks in advance!
Code in question:
Facebook-supplied block:
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=MYAPPID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
LikeBox:
<div class="fb-like" data-href="https://www.facebook.com/pages/MyPage/MyID" data- send="false" data-width="60" data-show-faces="true"></div>
</div>
Please Note that I have deidentified my Page and ID, thanks.
I've seen some post up already around the same subject but not really what I wanted to know
But i'm trying to add the facebook comment box plug in, into my site but it doesn't seem to be working, this is the code it has given me
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=***************";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://www.facebook.com/pages/Cuba-Street/86653690342?fref=ts" data-num-posts="2" data-width="470"></div>
But it just doesn't seem to return anything?
I checked your code without single modification, it works for me