表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


Facebook 埋め込み投稿

※追記:インデックスページでは埋め込み投稿が表示されない【要確認】

取得した埋め込み用のコード
https://www.facebook.com/photo.php?fbid=10151578221633553
<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=10151578221633553&amp;set=a.441861428552.204523.19292868552&amp;type=1"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=10151578221633553&amp;set=a.441861428552.204523.19292868552&amp;type=1">投稿</a> by <a href="https://www.facebook.com/FacebookDevelopers">Facebook Developers</a>.</div></div>
埋め込み用コードを記事URLから取得する場合
Embedded Posts - Facebook開発者

記事の公開範囲(プライバシーの設定)が一般の場合のみ埋め込めるようです。

このFacebook投稿は利用できません。削除されたか、プライバシー設定が変更された可能性があります。
今回の埋め込んだ記事で出力されたHTML
<div class=" fb_reset" id="fb-root">
    <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
        <div>
            <iframe src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=26#channel=f2792281509d136&amp;channel_path=%2F%3Feid%3D138%26fb_xd_fragment%23xd_sig%3Df1c317c9ec9c534%26&amp;origin=http%3A%2F%2Fjugemtemplate.jugem.jp" style="border: medium none;" tab-index="-1" title="Facebook Cross Domain Communication Frame" aria-hidden="true" id="fb_xdm_frame_http" allowtransparency="true" name="fb_xdm_frame_http" frameborder="0" scrolling="no"></iframe>
            <iframe src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=26#channel=f2792281509d136&amp;channel_path=%2F%3Feid%3D138%26fb_xd_fragment%23xd_sig%3Df1c317c9ec9c534%26&amp;origin=http%3A%2F%2Fjugemtemplate.jugem.jp" style="border: medium none;" tab-index="-1" title="Facebook Cross Domain Communication Frame" aria-hidden="true" id="fb_xdm_frame_https" allowtransparency="true" name="fb_xdm_frame_https" frameborder="0" scrolling="no"></iframe>
        </div>
    </div>
    <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
        <div></div>
    </div>
</div>

<script>(function(d, s, id) &#123; 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); &#125;(document, 'script', 'facebook-jssdk'));</script>

<div fb-iframe-plugin-query="app_id=264046217008105&amp;href=https%3A%2F%2Fwww.facebook.com%2Fphoto.php%3Ffbid%3D10151578221633553%26set%3Da.441861428552.204523.19292868552%26type%3D1&amp;locale=ja_JP&amp;sdk=joey" fb-xfbml-state="rendered" class="fb-post fb_iframe_widget" data-href="https://www.facebook.com/photo.php?fbid=10151578221633553&amp;set=a.441861428552.204523.19292868552&amp;type=1">
    <span style="vertical-align: bottom; width: 552px; height: 431px;">
        <iframe class="" src="http://www.facebook.com/plugins/post.php?app_id=264046217008105&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D26%23cb%3Df72651c5af9e18%26domain%3Djugemtemplate.jugem.jp%26origin%3Dhttp%253A%252F%252Fjugemtemplate.jugem.jp%252Ff2792281509d136%26relation%3Dparent.parent&amp;href=https%3A%2F%2Fwww.facebook.com%2Fphoto.php%3Ffbid%3D10151578221633553%26set%3Da.441861428552.204523.19292868552%26type%3D1&amp;locale=ja_JP&amp;sdk=joey" style="border: medium none; visibility: visible; width: 552px; height: 431px;" title="fb:post Facebook Social Plugin" allowtransparency="true" name="f3dcaeae272e09e" frameborder="0" height="1000px" scrolling="no" width="1000px">
        </iframe>
    </span>
</div>

記事の幅がデフォルトでwidth: 552pxとなっているので記事幅が552px以下のテンプレートの場合記事からはみ出してしまいます。


スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック