読者です 読者をやめる 読者になる 読者になる

Twitter の「ツイート」ボタン、Facebook の「いいね!」ボタンは一行でOK

TwitterFacebook のボタンを埋め込む際、通常は次のようなコードを埋め込むよう指示される。

<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- 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/ja_JP/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

このコードは TwitterFacebook が提供するスクリプトが重複して読み込まれることがないよう考慮されている。

しかしながら、もし最終的に出力される HTML を一式管理できる場合は、次のコードを HTML の末尾に記述するのがよい。ページの読み込みが多少早くなるはずだ。

<!-- Twitter -->
<script src="//platform.twitter.com/widgets.js" async defer></script>
<!-- Facebook -->
<div id="fb-root"></div><script src="//connect.facebook.net/ja_JP/all.js#xfbml=1" async defer></script>