Facebook Like 按钮喜欢整个页面而不是帖子（wordpress）答案

【问题标题】：Facebook Like button likes whole page instead of post (wordpress)Facebook Like 按钮喜欢整个页面而不是帖子（wordpress）
【发布时间】：2012-02-03 18:53:22
【问题描述】：

我正在处理这个页面，我使用 Wordpress 作为我的 CMS。

在显示我所有帖子的 index.php 页面上，我想在标题下方添加一个 Facebook 赞按钮，以便立即赞一个帖子，而无需转到“阅读更多”。

但是当我点击“喜欢”时，它会喜欢我所有的博文，所以它们都会获得 +1。有没有办法让代码只像点击按钮的帖子内容一样？

我正在使用以下代码：

<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=266693680020880";
                    fjs.parentNode.insertBefore(js, fjs);
                  }(document, 'script', 'facebook-jssdk'));</script>
                <div class="fb-like" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>

【问题讨论】：

标签： wordpress facebook button indexing facebook-like

【解决方案1】：

您需要指定data-href="http://<<your blog url>>" 来点赞博客而不是页面。

例如

<div class="fb-like" data-send="true" data-href="http://<<your blog url>>" data-layout="button_count" data-width="100" data-show-faces="false"></div>

【讨论】：

【解决方案2】：

类似的按钮只是引用一个 URL。

如果您希望按钮拥有单独的“点赞”，则需要为每个按钮提供一个唯一的 URL。（他们引用的帖子的 URL。）

您使用<div class="fb-like" data-href="URL"....> 元素上的 data-href 属性设置 URL。

请注意，http://example.com 和 https://example.com 是两个单独的站点，当涉及到点赞按钮时。

【讨论】：

【解决方案3】：

这些很接近，但在 wordpress 中你需要调用

<div class="fb-like" data-send="true" data-href="<?php the_permalink()?>" data-layout="button_count" data-width="100" data-show-faces="false"></div>

在你的循环中。这应该将帖子设置为喜欢。

【讨论】：