像按钮不出现?
我很沮丧,因为我花了几个小时 - 这里也有其他线程,但是他们都没有解决我的问题!
我只是想在我的网站上实现类似fb的按钮,www.posti.sh - 我想知道为什么它不起作用?
这里是我使用的代码,根据https://developers.facebook.com/docs/reference/plugins/like/一步一步的教程:
<div id="fb-root"></div> (directly after the opening body tag)
和
<div class="fb-like" data-href="http://www.posti.sh" data-send="true" data-width="450" data-show-faces="true"></div>
我希望它是。
我还在头部添加了相应的meta标签。
任何人都知道为什么它不起作用?
谢谢!!
丹尼斯
更新1
我已经使用了fb调试工具https://developers.facebook.com/tools/debug,它只说og图像不够大 - 我猜这应该不是问题?
它看起来像HTML5 Like Button代码中的Step 1缺少实际添加Javascript SDK的部分。 代码应该是:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
刚才我解决了类似的问题。 FB-like按钮被显示,但没有工作。
在我的网页<div id="fb-root"></div>
中的position: relative;
是div
position: relative;
CSS属性。 取消position: relative;
它再次运作。