So I'm making this web page and I'm trying to include the Facebook widget for the like button and the page display but neither will show up on my page. I have included widgets from other sites (Instagram and Twitter) that work just fine but FB's just won't show up. The like button is completely not there (although there is very much a space for it when I draw a red border around where it should be) and the page display just shows a text link that links to the page itself. Here is the code where I include the FB widgets:
<body id="background">
<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.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="toolbar">
<input id="input" type="email" placeholder="Join our mailing list!">
<input id="submit" type="submit">
<div class="fb-like" data-href="http://ift.tt/1OLrEZL" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
<a href="https://twitter.com/XuanRkRong" class="twitter-follow-button" data-show-count="false">Follow @XuanRkRong</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
...
</body>
Thanks for your help!
Aucun commentaire:
Enregistrer un commentaire