2016-04-04 106 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