动态Facebook喜欢url与Javascript-显示,但不张贴



我的页面上有多个用户可以打开和浏览的内容块。在这些块中有一个与每个块相关的Like按钮。每个"喜欢"按钮都有一个URL,该URL在打开内容块时动态生成,例如

$('.socialMedia').append("<div class='fb-like' data-href='"+likeUrl+"' data-send='true' data-width='250' data-show-faces='false' data-colorscheme='dark'></div>");

Like URL是http://url.com/like-shY76739jj.php格式的地址-当访问这些URL时,通过一些。htaccess魔法将其重定向到查询字符串URL。然而,这可能与我的问题无关…

问题是,通过Javascript生成的动态URL不会发送到Facebook。它在我的源代码中正确生成(检查Like Button元素显示正确的URL在小部件href属性中),并且在Like按钮弹出窗口中正确显示(在单击按钮之后,当用户可以选择输入额外的消息时),但是当我在Facebook上检查故事时,URL是不正确的-特别是它返回为:

http://url.com/like-.php -动态ID我插入到我的likeURL变量不翻译从页面到Facebook的故事。我也不知道为什么。

我已经在使用FB.XFBML.parse(document.getElementById('socialMedia'));代码,但这并不能解决问题。

TL:DR在Facebook Like按钮中使用的动态url在小部件中正确显示,但在生成的Facebook故事中不显示。

谢谢你的帮助!

每个http://url.com/like-[...]页应该有OpenGraph标签- og:title, og:image等。例如:

<meta property="og:title" content="Your section - your website" /> 
<meta property="og:type" content="website" />
<meta property="og:url" content="URL_OF_PAGE" />
<meta property="og:image" content="http://url.com/images/section1.jpg" />
<meta property="og:description" content="Description"/>

你可以使用OpenGraph Debugger - https://developers.facebook.com/tools/debug测试你的url

最新更新