Facebook/いいねボタン設置
提供: 初心者エンジニアの簡易メモ
2015年5月20日 (水) 03:15時点における127.0.0.1 (トーク)による版 (ページの作成:「==ボタン設置サンプル(各ページごと== *新しいタイプ <<nowiki />!-- 新facebookいいね --> <<nowiki />!-- facebook core --> <<nowiki />span id="f...」)
ボタン設置サンプル(各ページごと
- 新しいタイプ
<!-- 新facebookいいね -->
<!-- facebook core -->
<span id="fb-root"></span>
<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>
<!-- /facebook core -->
<script>
<!--
var html = '<div class="fb-like" data-href="'+ encodeURIComponent(document.location) + '" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>';
document.write(html);
// -->
</script>
<!-- /新facebookいいね -->
- 旧タイプ
<!-- facebookいいね -->
<script type="text/javascript">
<!--
var html = '<iframe src="http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(document.location);
html += '&layout=button_count&show_faces=true&width=93&action=like';
html += '&colorscheme=light&height=21"';
html += ' scrolling="no" frameborder="0" style="border:none; overflow:hidden;';
html += ' width:93px; height:21px;" allowTransparency="true"></iframe>';
document.write(html);
//-->
</script>
<!-- /facebookいいね -->
いいね解析ツール設定
- インサイトへ(http://www.facebook.com/insights/
- ウェブサイトのインサイトボタンをクリック
- 設置したドメインを入力
- リンク先に自分のアカウントを選択
- できたタグを自分のHPへ貼付ける
途中
- 参考
