如何在Weebly上添加Facebook頁面插件？

Question

我已經通過將兩個部分都復制到“嵌入代碼”小部件中來嘗試了此代碼，並且出現的全都是名稱“ Perfectly Posh”。

<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_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-page" data-href="https://www.facebook.com/pages/Perfectly-Posh/765054396873623" data-width="300" data-height="500" data-small-header="true" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Perfectly-Posh/765054396873623"><a href="https://www.facebook.com/pages/Perfectly-Posh/765054396873623">Perfectly Posh</a></blockquote></div></div>

然后，我在另一個使用iframe的嵌入代碼小部件中嘗試了另一個代碼，但我得到的只是Facebook頁面的頂部。 我實際上相信Facebook頁面可以正常工作，但是只是某種程度上它是隱藏的。

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPerfectly-Posh%2F765054396873623&width=600&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=435" scrolling="yes" style="border:none; overflow:hidden; width:600px; height:430px; background: white; float:left; " allowtransparency="true" frameborder="0"></iframe>

最后，我嘗試了Feed Reader小部件，但出現了錯誤。 該Feed確實有效，只是在Weebly上無效。

https://www.facebook.com/feeds/page.php?format=rss20&id=765054396873623

Answer 1

Facebook社交插件在iframe上不起作用。 這實際上是一個老問題。

Answer 2

在“ data-href=""填寫“您的weebly鏈接data-href=""

 <div class="fb-comments" data-href="http://yoursubdomain.weebly.com" data-width="550" data-overflow="auto" data-numposts="75"></div> 

它在我的免費網站wen.ru & weebly http://furay.fiz.su/forum/ http://amandannyaman.weebly.com/forum.html上運行

希望對您有所幫助！