Facebook赞按钮没有出现在我的页面上,我做错了什么?

cor*_*zza 0 html javascript facebook

我正在建立一个网站,我希望能够使用Facebook"喜欢"它.我已经浏览了他们的SDK,看起来很简单......

我已经"制造"了这个:

<html>
    <head>
    </head>

    <body>
        <h1>Testing the Facebook like button</h1>
        <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=177127339057410";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div class="fb-like" data-href="http://yannbane.blogspot.com/" data-send="false" data-width="450" data-show-faces="true"></div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我在计算机上将其保存为"index.html".现在,当我尝试打开它时,它只显示"测试Facebook就像按钮"标题并继续加载,并没有真正发生.怎么会?我当然不是想"喜欢"index.html,而是我的博客(http://yannbane.blogspot.com/),所以我认为在本地打开它应该没有问题...

Jim*_*nks 5

在你的头脑中,你需要有opengraph信息,facebook需要它来显示相似的按钮.

元标记应该如下所示

meta property ="og:tag name"content ="tag value"

所需信息是

-og:title
-og:type
-og:image
-og:url
-og:site_name
-fb:admins

你可以在这里阅读更多内容https://developers.facebook.com/docs/reference/plugins/like/