我正试图在我的Blogger博客中使用XFBML放置Facebook赞按钮。我希望它为每个帖子显示一个不同的按钮,对于所有博客都不一样。
我已遵循此链接中的指南,其中包括:http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html
正在发生的是显示类似按钮,但它与所有帖子完全相同。我已经读过使用expr:href ='data:post.url'应该解决这个特殊问题,但由于某些原因这不起作用。这是所有相关的代码,我希望你们能告诉我我做错了什么。
<code>
// XFBML declaration
<html 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://opengraphprotocol.org/schema/'>
// Opengraph tags (in head)
< b:if cond='data:blog.pageType == "item"'>
< meta expr:content='data:blog.pageTitle' property='og:title'/>
< meta expr:content='data:blog.url' property='og:url'/>
< b:else/>
< meta expr:content='data:blog.title' property='og:title'/>
< meta expr:content='data:blog.homepageUrl' property='og:url'/>
< /b:if>
< meta content='blog' property='og:type'/>
< meta content='http://lh5.ggpht.com/_4b9fZK142hk/TFHpg-2YeBI/AAAAAAAAEVM/MXLyeL6dvmk/TV%20512x512.jpg' property='og:image'/>
< meta content='La guía de cine y series' property='og:site_name'/>
< meta content='MY PROFILE ID IS HERE' property='fb:admins'/>
< meta content='MY APP ID IS HERE' property='fb:app_id'/>
< meta content='La guía de cine y series es un blog en español sobre series de TV y películas. Podés encontrar todo tipo de información sobre series de TV y películas: noticias, reviews, previews, trailers, posters y etc.' property='og:description'/>
< meta content='Ciudad Autónoma de Buenos Aires' property='og:locality'/>
< meta content='Ciudad Autónoma de Buenos Aires' property='og:region'/>
< meta content='Argentina' property='og:country-name'/>
< meta content='MY EMAIL' property='og:email'/>
// FB Init (in body)
< div id='fb-root'/>
< script>
window.fbAsyncInit = function() {
FB.init({appId: 'MY_APP_ID', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
< /script>
// And finally the like button, in the post footer.
< div class='post-footer-line post-footer-line-3'>
< div style="margin-top:10px; margin-left:5px;">
< fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='true'/>
< /div>
< /div>
</code>
我还在Facebook应用程序设置中将基本域设置为blogspot.com
,而连接URL是以斜杠结尾的博客URL。
答案 0 :(得分:0)
好的,现在它正在运行,我不确定是什么修复了它,但它必须是这些选项中的一个或者它们全部在一起:
我已将OpenGraph类型从url更改为文章。
我已将Facebook的“应用程序设置”页面中的基本域设置为blogspot.com
另一个可能性是它一直在工作,但它没有刷新我已经点击过的按钮,那些在实际工作的更改后已经存在的按钮,因为我发布了一个新帖子我意识到,对于新的它,它正在发挥作用。
无论如何,遵循本教程应该有所帮助: