且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

facebook like button not displayed :: FB.getLoginStatus()在调用FB.init()之前调用

更新时间:2023-12-06 15:44:16

不知道应用程序ID是这里的问题。我也经历了这个奇怪的错误消息,我只是包含FB Like Button社交插件的标准代码,由FB开发者页面提供。



然后我再次通过插件配置页面再次复制代码,这反正没有改变注意到生成代码的HTML部分有一点差异(是一个< fb:like> 标签,现在是 < div class =fb-like>
无论如何,错误仍然存​​在。



然后我刚刚意识到,在几周之内,FB Like Button将永久迁移到内置像开放操作图表,如果我的确正确,您创建一个应用程序ID。



在这一点上,错误可能只是消失。而且,几个星期内,任何人都很难对任何事情进行修改。



HTH


I just want a basic facebook like button on my site. I follow the instructions per facebooks site (http://developers.facebook.com/docs/reference/plugins/like/). I tried the HTML5, XFBML, and iFrame ways, no joy on either. So I thought maybe it's something with my site interfering. So I created a bare-bones html page like below and it still gives me the FB.getLoginStatus() called before calling FB.init() error.

<html>
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/[mypage]" data-send="false" data-width="450" data-show-faces="false"></div>
</body>
</html>

UPDATE: I removed all that stuff above went back to the iFrame only method and it works, but only in Firefox. Chrome and IE9 I still get nothing but no errors reported. Why is this line below only working in FireFox (obviously the [myPage] part is swapped out)?

 <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F[myPage]&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

Not sure the App ID is the problem here. I'm also experiencing this strange error message, and I'm just including standard code for FB Like Button social plugin, provided by FB developer page.

I then went again through the plugin configuration page and copied again code, which anyway was unchanged noticing little difference in the HTML part of generated code (was a <fb:like> tag, now is <div class="fb-like">). Anyway error still persists.

Then I just realised that in a few weeks FB Like Button will migrate permanently to Built-in Like action for Open Graph, and if I got it correctly you have to create an App ID anyway.

At that point the error might just disappear. And it seems difficult that anyone will fix anything on something that's going to disappear in a few weeks.

HTH