Question

我正在建立一个网站，我希望能够使用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>

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

Answer 1

在你的头脑中你需要有opengraph信息，facebook需要它才能显示出类似的按钮。

元标记应该如下所示

meta property =“og：tag name”content =“tag value”

所需信息是

-og：标题
-og：类型
-og：图像
-og：URL
-og：SITE_NAME
-fb：管理员

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

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

1 个答案: