Facebookページの投稿をブログに埋め込んでみた

8.22
2013
facebook

Facebookページの投稿も、埋め込み可能

Facebookの投稿が外部ウェブサイトに埋め込み可能になりました。
ユーザーの投稿だけでなく、Facebookページの投稿も埋め込み可能です。
というわけで実際に埋め込んでみました。

こんな感じ。
ここから投稿へのいいね!コメントなどが可能なので、ウェブサイトやブログ側でのリアクションが多ければ投稿のアクティビティも上がり、リーチ数やエッジランクの向上につながる・・・かもしれません。

embed用のタグは以下の通り。

<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/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/photo.php?fbid=569095439821630&amp;set=a.322186134512563.78492.112167425514436&amp;type=1"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=569095439821630&amp;set=a.322186134512563.78492.112167425514436&amp;type=1">投稿</a> by <a href="https://www.facebook.com/Sunday.in">Sunday In The Park</a>.</div></div>

なお、↑のタグではFacebookのJavaScript SDKを読み込んでますが、既にサイト上にいいね!ボタンやらプラグインを導入している方はここの記述が既にページ内にあったりして重複すると思います。
ここはページ内のどこかで1回読み込んでればいいようで、その場合は削除してもいいようです。
もっとも、2回読み込んでいても特に害はない、とのこと。

Embedded Posts – Facebook開発者
技術情報のページの下記を参照のこと。

The code in the Embedded Post dialog includes a snippet which inserts the Facebook SDK for JavaScript into your web page. If you already include this snippet elsewhere on your page, you can remove it if you wish, although it will not cause any issues if included twice.