フェイスブックの記事をブログで表示する「埋め込み投稿」ができるようになった

この記事は約1分で読めます。

Fbumekomi_2
フェイスブックの記事をそのままブログやWEBサイトで表示する「埋め込み投稿」という機能がフェイスブックに追加された。パソコンのブラウザでフェイスブックを見ると、記事の右上にマウスを持って行くと▽のような小さなアイコンが現れる。その逆三角形の▽アイコンをクリックするとメニュー一覧が現れ、一番下にある「埋め込み投稿」をクリックすると、埋め込み用のhtmlソースが現れる。そのソースをブログ投稿の画面にhtnl形式で貼り付けるだけでOK。

フェイスブック埋め込み投稿
埋め込み投稿をクリックすると、ソースが表示される。


ここで表示されたソースをコピーして、ブログ投稿の画面に貼り付ける。このときブログ投稿はリッチテキスト形式ではなくhtml形式にすること。

▼フェイスブックページの内容をブログ表示。

このソースは以下のとおり
<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=610837938961150&amp;set=a.190151341029814.55698.157765087601773&amp;type=1"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=610837938961150&amp;set=a.190151341029814.55698.157765087601773&amp;type=1">投稿</a> by <a href="https://www.facebook.com/mikiotohda">どもども中小企業診断士の遠田幹雄です。</a></div></div>

▼フェイスブック個人の投稿内容をブログ表示。

このソースは以下のとおり

<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=673867242643219&amp;set=a.318412744855339.85825.100000598497016&amp;type=1"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=673867242643219&amp;set=a.318412744855339.85825.100000598497016&amp;type=1">投稿</a> by <a href="https://www.facebook.com/tohdamikio">遠田 幹雄</a>.</div></div>

フェイスブックの機能はどんどん追加されており、変化のスピードが早い。