2016-04-04 17 views
-1

私はhtmlコードにFacebookの投稿を埋め込みたいと思う。そこで、私はその投稿をクリックし、「埋め込み投稿」を選択して、以下のコードを取得しました。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

私は自分のWebページでそれをテストしているし、すべてのブラウザ上で動作するように見えます。私が想像できる唯一のことは、あなたがAPIを正しくインストールしていないということです。ちょっと変わったのはFacebookにログインしていなくても自分のページで作業しているからです。 Facebookからのスクリプト..

あなた自身のAPIを作成してからhttps://developers.facebook.com/docs/plugins/embedded-postsに行くことをお勧めします。そこで、あなたの投稿に貼り付けてコードを生成することができます。まだ動作していない場合は、コードを貼り付けることをお勧めします。コードのすべての行を削除して、コードが何を破壊しているかを確認してください。

+0

シンプルなHTMLファイルに貼り付けても読み込まれません。私はAPIをインストールしていません!私は埋め込みポストからコードをコピーして貼り付けました。 APIをインストールするにはどうすればよいですか? – mayooran

+0

あなたはhttps://developers.facebook.com/にログインする必要があります。その上から、右上にある「My Apps」のドロップダウンが表示され、「新しいアプリを追加」を選択する必要があります。 – Gijsberts

関連する問題