2016-04-04 82 views
-1

我想嵌入一个Facebook张贴到我的HTML代码。所以我点击帖子并选择了“嵌入帖子”并获得了下面的代码。Facebook页面插件不显示预览。只显示链接

<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-post" data-href="https://www.facebook.com/Hi.iCreations/posts/723687861101376" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/Hi.iCreations/posts/723687861101376"><p>Long waited Documentary trailer ReleasedWater is a vital part of almost all life on Earth. We need a safe source of...</p>Posted by <a href="https://www.facebook.com/Hi.iCreations/">Icreations</a> on&nbsp;<a href="https://www.facebook.com/Hi.iCreations/posts/723687861101376">Wednesday, March 9, 2016</a></blockquote></div></div> 

当我将它粘贴到我的HTML代码中时,它将如何显示它。

enter image description here

它不会显示为一个职位!有几个例子可以解答这个问题。 How to embed a Facebook page's feed into my website它说,运行的例子,当我运行它,我得到相同的输出。只显示超链接,而不是帖子。这是一个已知的问题与Facebook API?或者有没有解决方法?请指教。

+0

您是否在浏览器中使用“http://”或“https://”调用您正在测试的页面?上面的代码用于嵌入SDK的协议相关URL只有在这种情况下才有效。 – CBroe

回答

1

嗯,它似乎在我的网页上工作。

enter image description here

我在自己的网页测试,它似乎在每一个浏览器。唯一我能想象的是,你没有安装API,有点奇怪,因为它在我的页面上工作,即使我没有登录Facebook或任何东西,或者必须有一个JavaScript函数从Facebook的脚本..

我建议做你自己的api,然后去https://developers.facebook.com/docs/plugins/embedded-posts。在那里,你可以粘贴你的帖子并生成代码。如果它仍然无法正常工作,我建议将其粘贴,然后删除每一行代码,直到它工作,以查看代码的分布情况。

+0

我把它粘贴在一个简单的html文件中,仍然无法加载。我没有安装任何API!我刚从嵌入式文章中复制代码并粘贴它。我如何安装API? – mayooran

+0

你应该登录到https://developers.facebook.com/,从他们的上面你看到右下角的“我的应用程序”下拉列表,然后你必须选择“添加一个新的应用程序” – Gijsberts