facebook twitter hatena line email

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いいね -->

いいね解析ツール設定

  1. インサイトへ(http://www.facebook.com/insights/
  2. ウェブサイトのインサイトボタンをクリック
  3. 設置したドメインを入力
  4. リンク先に自分のアカウントを選択
  5. できたタグを自分のHPへ貼付ける

途中

  • 参考

http://socialmediaexperience.jp/1498