第一个请不要将我的问题标记为重复的问题,因为我阅读了所有相关的问题,但没有一个问题说明了我的提示。
我试图制作一个类似 facebook 的按钮,发现类似 facebook 的框更适合我,因为它只是喜欢并且在喜欢之后不显示任何帖子。
这个想法是当我从like box插件链接中获取代码时,它不会将like添加到facebook页面,因为其他人说这是facebook中的一个错误。但是当我按下该链接内的按钮时,它会将喜欢添加到 Facebook 页面。
问题是如果他们将第一个字段声明为“Facebook Page URL”是否是 facebook 错误,并且在获取代码之前配置类似框时它是否应该在插件链接中工作?
换句话说,如果它在插件链接中有效,那么如果您获取代码并将其粘贴到您的站点中,它必须有效,还是我错了?
我已经尝试了 facebook 根据您提供的数据为您生成的 HTML5、XFBML 和 IFRAME 代码。以下代码均无效;它显示了点赞框,当您单击它时,它会变为灰色,但它不会对 Facebook 页面进行点赞,当我刷新测试页面时,它会返回到默认状态。当我尝试时,我发现如果我以正常方式喜欢来自 facebook 网站的页面并尝试不喜欢使用下面的代码来测试页面它会起作用。
编辑:虽然我仍在尝试找到解决方案,但我发现在资源管理器中有时可以工作,而在 chrome 和 firefox 中则不行。
我正在使用放置在 xampp 的 htdocs 中的 test.html 文件来测试结果。
尝试过的 HTML5 代码:
<html>
<head></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="150" data-height="100" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>
</body>
</html>
XFBML 代码尝试:
<html xmlns:fb="http://ogp.me/ns/fb#">
<head></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like-box href="http://www.facebook.com/FacebookDevelopers" width="150" height="100" colorscheme="light" show_faces="false" header="false" stream="false" show_border="false"></fb:like-box>
</body>
</html>
和 iframe 代码尝试:
<html>
<head></head>
<body>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&width=150&height=62&colorscheme=light&show_faces=false&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:62px;" allowTransparency="true"></iframe>
</body>
</html>