1

所以我正在尝试帮助一位朋友完成他的 Blogger 博客及其与 Facebook 的集成。他遇到了几个问题（比如混乱的 og 元标记等等），我们终于能够对所有内容进行排序，并在 Facebook 的调试器上运行该网站，一切都很好。但是现在我们遇到了一个问题，新帖子显示主页的整体喜欢，而不是每个帖子的 Facebook Like 按钮，而旧帖子不受影响（有个人喜欢计数。）

仅供参考，有问题的网站是Los Heladeros（此时显然有大约 87 个赞），而 Facebook 网站是 /LOSH3LAD3ROS（有 765 个赞，所以这些赞与 Facebook 网站无关，而是主要页域）。

现在，我们按照本教程为“赞”按钮创建代码以显示在每个帖子上（确实如此，没问题）。这是按钮的代码：

<div>
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="lucida grande" action="like" colorscheme="light"></fb:like>
</div>

然而，现在，网站上的任何新帖子都包括主页（而不是 FB 页面）的总点赞数，而不是单个帖子的点赞数（即，每个新帖子都立即开始，此时点赞数为 87 )，但所有旧帖子（在我们修复 Open Graph 元数据问题之前）都非常好（即，它们可能显示一些喜欢，并且不受主页上的新喜欢或分享的影响。）

仅供参考，我刚刚注意到修复之前的一个帖子，以前只显示了一些分享，现在已经恢复到整体计数......

这是该站点的 Open Graph 元数据：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'> 

<title>Los Heladeros: TU UPDATE MUSICAL ANTES QUE SE DERRITA</title>

<!-- Facebook Open Graph Meta Tags -->
<meta content='Los Heladeros' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content='http://www.losheladeros.com' property='og:url'/>
<meta content='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash4/377165_310579818971632_1169246050_n.jpg' property='og:image'/>
<meta content='Los Heladeros' property='og:site_name'/>
<meta content='502365163' property='fb:admins'/>
<meta content='335887849786080' property='fb:app_id'/>
<meta content='Descargas gratis de música que no es cool, pero lo será mañana | HOUSE | INDIE | DISCO |' property='og:description'/>

<!-- Open Graph Meta Tags by: www.MetaTagGenerator.org -->

所以我读过其他帖子，您必须将“ og:url ”设置为有问题的特定站点（即每个帖子）而不是整个站点，但这不是“数据：帖子”。 canonicalUrl " 位中的FB Like 按钮代码应该怎么做？我知道必须有一种方法可以在模板页面上拥有一个通用代码，并且动态拉取 url，并且每个帖子的计数都是单独的（在清理元标记之前回顾旧代码，他具有与我们现在相同的整体站点 URL，并且从未遇到过这个问题，所以在它以某种方式工作之前很明显）。

此外，如果我分享任何新文章，我随后会获得主页的图片和描述，而不是单个帖子，但是当我分享旧帖子时，它会自动生成正确的图像和描述。我尝试在旧帖子和新帖子上比较 Facebook 调试器，并且没有差异（因为不应该有任何差异）。我很困惑可能会这样做，因为它是一个通用的、过度的代码，我想我希望所有的帖子都以同样的方式行事，而不仅仅是一些（即新的和旧的）。

仅供参考，因为我是新用户，所以我只能发布两个链接，但是如果您转到主页，则较新的帖子在顶部，并且按钮上有 87 个以上的点赞数，如果您向下滚动，您最终会查看计数较少的较旧帖子（即，它们的计数正确）。

我将非常感谢你们能给我的任何帮助。这是我的第一篇 stackoverflow 帖子，我已经阅读了几乎所有相关的帖子，但仍然找不到这个问题的答案。

4

1 回答 1

1

好的，所以我几乎称这个问题已解决。我偶然发现了以下教程，其中详细介绍了为 Blogger 创建正确的 Facebook Open Graph 元标记的彻底方法：

Blogger 的开放图形标记 [版本 3]

以下是我更新的元标记，它们似乎在未来工作得很好：

<!-- OPEN GRAPH MARKUP FOR BLOGGER [VER. 3] TAGS http://goo.gl/tyJ9a FOR ORIGINAL TUTORIAL -->
<meta expr:content='data:blog.pageName' property='og:title'/>    
<meta expr:content='data:blog.title' property='og:site_name'/>     
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>     
<b:if cond='data:blog.metaDescription'>     
     <meta expr:content='data:blog.metaDescription' property='og:description'/>     
</b:if>     
<b:if cond='data:blog.pageType == &quot;item&quot;'>     
     <meta content='article' property='og:type'/>     
     <b:if cond='data:blog.postImageThumbnailUrl'>     
         <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>     
     </b:if>     
<b:else/>     
     <meta content='blog' property='og:type'/>     
     <meta content='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash4/377165_310579818971632_1169246050_n.jpg' property='og:image'/>
     <meta content='502365163' property='fb:admins'/>
     <meta content='335887849786080' property='fb:app_id'/>     
</b:if>
<!-- OPEN GRAPH MARKUP FOR BLOGGER [VER. 3] TAGS http://goo.gl/tyJ9a FOR ORIGINAL TUTORIAL -->

值得注意的是，我在底部添加了管理员和应用程序 ID，缩进下方，Facebook Debugger/Linter 似乎对此没问题（在它警告我它不合适之前）。此外，我的朋友在元标记和 javascript 实现之间的 APP ID 不匹配。我修复了这个问题并放置了相同的 APP ID，虽然被搞砸的帖子仍然搞砸了他们的计数，但继续前进，所有帖子的行为都与正确的喜欢计数一样，并且在共享时，帖子的信息被正确提取进入 FB 上的分享（标题、照片、描述）。

希望这可以帮助其他可能遇到同样问题的人。乔治·B·莫加的道具。这是stackoverflow 帖子，我在其中找到了他指向元标记模板的链接。

于 2012-12-18T20:58:57.050 回答