Facebook Like 按钮：使用变量指定“当前网页”与手动包含页面 URL？答案

【问题标题】：Facebook Like button: use a variable to specify "current webpage" vs. manually including page URL?Facebook Like 按钮：使用变量指定“当前网页”与手动包含页面 URL？
【发布时间】：2012-05-15 02:48:06
【问题描述】：

在 Facebook 的“点赞按钮”中，代码 sn-ps 都要求指定单独的页面 URL。点赞按钮代码 sn-p 应该进入包含，所以显然我想在点赞按钮代码 sn-p 中使用某种变量，以便它可以自动检测当前页面 URL。 Twitter、LinkedIn 和 GooglePlus 按钮都会自动检测。

这是我的代码。它工作得很好，但您可以看到单个页面 URL 的指定位置。有没有一个变量可以代替，所以代码sn-p可以放在一个include里面？

谢谢。

【问题讨论】：

标签： facebook url variables

【解决方案1】：

您可以使用 iframe 做到这一点。

我的代码是：

<iframe src="//www.facebook.com/plugins/like.php?href='. get_permalink( get_the_ID() ) .'&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21&amp;appId=438288506277662" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>

注意重要部分：

href='. get_permalink( get_the_ID() ) .'

希望对您有所帮助！ - 杰克

【讨论】：

【解决方案2】：

您可以通过使用XFBML/HTML5 版本的 Like 按钮并省略 href/data-href 属性来实现此目的，方法是在您指示 JS-SDK 使用当前页面 URL 的代码中不包含它在渲染 Like Button 时。

【讨论】：

好的，谢谢——确实有效。唯一的缺点：在 XFBML/HTML5 代码中，FB 按钮总是有两个部分——fb 图标加上关于喜欢这个页面的文字，而附加的文字使它更宽。这与计数“气球/气泡”不同。使用 iframe，我可以得到一个小的（50 像素宽）按钮本身。 .有什么方法可以让它使用 iframe 标记提取当前页面 URL？我尝试将 href 属性从 iframe 中取出。该按钮出现在页面上，但看起来不像实际的“赞”功能正在点击进入 Facebook 页面。