Html Blogger上的Facebook类按钮显示了主页的类总数，但不是每一篇文章的类总数（对于新文章）_Html_Facebook Like_Blogger

Html Blogger上的Facebook类按钮显示了主页的类总数，但不是每一篇文章的类总数（对于新文章）

html

Html Blogger上的Facebook类按钮显示了主页的类总数，但不是每一篇文章的类总数（对于新文章）,html,facebook-like,blogger,Html,Facebook Like,Blogger,所以我正试图帮助一位朋友完成他的博客以及与Facebook的整合。他一直有一些问题（比如搞乱了og元标签等等），我们终于能够把所有的东西都整理好，在Facebook的调试器上运行这个网站，一切都很好。但现在我们遇到了一个问题，新帖子显示了主页的整体喜好，而不是每个帖子的Facebook按钮，而旧帖子则不受影响（有个人喜好计数）仅供参考，有问题的网站是（目前显然有87个喜欢），而Facebook网站是/LOSH3LAD3ROS（有765个喜欢，因此喜欢与Facebook网站无关，而是与主页域相关

所以我正试图帮助一位朋友完成他的博客以及与Facebook的整合。他一直有一些问题（比如搞乱了og元标签等等），我们终于能够把所有的东西都整理好，在Facebook的调试器上运行这个网站，一切都很好。但现在我们遇到了一个问题，新帖子显示了主页的整体喜好，而不是每个帖子的Facebook按钮，而旧帖子则不受影响（有个人喜好计数）

仅供参考，有问题的网站是（目前显然有87个喜欢），而Facebook网站是/LOSH3LAD3ROS（有765个喜欢，因此喜欢与Facebook网站无关，而是与主页域相关）

现在，我们按照下面的步骤为每个帖子上显示的Like按钮创建代码（它确实显示了，没有问题）。以下是按钮的代码：

<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>


（职能（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）；
}（文件）；

然而，现在，该网站上的任何新帖子都包括主页（不是FB页面）的总喜欢度，以及单个帖子的不喜欢度（即，每个新帖子立即开始时都有87个喜欢度），然而所有旧帖子（在我们修复开放图元数据问题之前）都非常好（也就是说，它们可能会显示一些喜欢的内容，并且不受主页上的新喜欢或共享内容的影响。）

仅供参考，我刚刚注意到，在修复之前的一篇帖子，以前只显示了一些股票，现在已经恢复到总体计数

以下是站点的开放图元数据：

<?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”设置为所讨论的特定站点（即，每个帖子），而不是整个站点，但这不是“数据：post.canonicalUrl”的内容吗类似FB的按钮代码应该怎么做？我知道必须有一种方法在模板页面上有一个通用代码，并且动态地拉取URL，每个帖子的计数都是独立的（回顾一下清理元标记之前的旧代码，他拥有与我们现在相同的整个站点URL，并且从未遇到过这个问题，在它以某种方式工作之前，这一点非常明显）

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

仅供参考，由于我是一个新用户，我只能发布两个链接，但如果你进入主页，更新的帖子会在顶部，按钮上有87+个类似的计数，如果你向下滚动，你最终会看到旧帖子的计数更适中（即，它们被正确计数）

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

好的，所以我认为这个问题已经解决了。我偶然发现了下面的教程，详细介绍了创建正确Facebook的详细方法为Blogger打开图形元标记：

以下是我更新的meta标签，它们在未来似乎工作得非常好：

<!-- 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调试器/Linter似乎对此没有问题（在它警告我它不合适之前）另外，我的朋友在meta标记和javascript实现之间有一个应用程序ID不匹配的问题。我修复了这个问题，并使用了相同的应用程序ID，尽管被弄乱的帖子仍然会被其计数弄乱，但继续下去，所有帖子都会以正确的Like计数正常运行，当共享时，帖子的信息会被正确地拉入整数o FB上的份额（标题、照片、描述）

希望这能帮助其他可能遇到同样问题的人。为George B Moga提供道具。这是我找到他指向元标记模板的链接的地方。

好的，所以我认为这一问题已经解决。我偶然发现了以下教程，其中详细介绍了创建正确的Facebook Open Graph元标记的完整方法r博主：

以下是我更新的meta标签，它们在未来似乎工作得非常好：

<!-- 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 -->

希望这能帮助其他可能遇到sam的人