[英]Facebook new Like Box (Page plugin) not working
您好,我正在嘗試將一個Facebook插件添加到我的頁面,但沒有出現。 我嘗試在不同的頁面上使用它,但是沒有人能用。 上面是一個例子
我將這些代碼放在<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/el_GR/sdk.js#xfbml=1&version=v2.5&appId=1712213445680154"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>`
然后,我將插件的代碼放置在希望顯示在頁面上的任何位置,但是什么也看不到? 發生了什么?
<div class="fb-page" data-href="https://www.facebook.com/sportdog" data- height="340" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/sportdog"><a href="https://www.facebook.com/sportdog">SportDog.gr</a></blockquote></div></div>
我的答案來晚了,但它的價值不菲,在研究了許多小時后,我按照以下方式進行研究后也遇到了同樣的問題。 試試看,它為您工作。 您可以自定義iframe
選項,例如width,show_facepile,small_header等
可以在此處找到所有可定制選項的列表。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1614814185438138',
xfbml : true,
version : 'v2.5'
});
};
(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_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<iframe name="f11d8956d8" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no"
title="fb:page Facebook Social Plugin" src="http://www.facebook.com/v2.5/plugins/page.php?adapt_container_width=true&app_id=1614814185438138&channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df43cf5f68%26domain%3Dwww.facebook.com%26origin%3Dhttp%253A%252F%252Fwww.facebook.com%252Ff245f287b8%26relation%3Dparent.parent&container_width=200&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2FAndresIniesta&locale=en_GB&sdk=joey&show_facepile=true&small_header=true&tabs=timeline"
class="" style="border: none; visibility: visible;">
</iframe>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.