如何在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上运行

希望对您有所帮助！