facebook twitter hatena line email

「Facebook/いいねボタン設置」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==ボタン設置サンプル(各ページごと== *新しいタイプ <<nowiki />!-- 新facebookいいね --> <<nowiki />!-- facebook core --> <<nowiki />span id="f...」)
 
 
行1: 行1:
==ボタン設置サンプル(各ページごと==
+
==PagePlugin(旧facebookLikeBox)設置方法==
*新しいタイプ
+
#プラグインページへ(https://developers.facebook.com/docs/plugins/page-plugin
<<nowiki />!-- 新facebookいいね -->
+
#下の項目にある手順でfacebookページを追加
<<nowiki />!-- facebook core -->
+
#getcodeを押す
<<nowiki />span id="fb-root"></span>
+
#出てきたコードをサイトへ貼り付ける
<<nowiki />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>
+
<<nowiki />!-- /facebook core -->
+
<<nowiki />script>
+
<<nowiki />!--
+
var html = '<<nowiki />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>
+
<<nowiki />!-- /新facebookいいね -->
+
  
*旧タイプ
+
==facebookページ追加==
<<nowiki />!-- facebookいいね -->
+
#facebookへログイン
<<nowiki />script type="text/javascript">
+
#左上からfacebookページ作成
    <<nowiki />!--
+
    var html = '<<nowiki />iframe src="http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(document.location);
+
    html += '&amp;layout=button_count&amp;show_faces=true&amp;width=93&amp;action=like';
+
    html += '&amp;colorscheme=light&amp;height=21"';
+
    html += ' scrolling="no" frameborder="0" style="border:none; overflow:hidden;';
+
    html += ' width:93px; height:21px;" allowTransparency="true"></iframe>';
+
    document.write(html);
+
    //-->
+
</script>
+
<<nowiki />!-- /facebookいいね -->
+
 
+
==いいね解析ツール設定==
+
#インサイトへ(http://www.facebook.com/insights/
+
#ウェブサイトのインサイトボタンをクリック
+
#設置したドメインを入力
+
#リンク先に自分のアカウントを選択
+
#できたタグを自分のHPへ貼付ける
+
 
+
途中
+
 
+
*参考
+
http://socialmediaexperience.jp/1498
+

2016年8月18日 (木) 13:16時点における最新版

PagePlugin(旧facebookLikeBox)設置方法

  1. プラグインページへ(https://developers.facebook.com/docs/plugins/page-plugin
  2. 下の項目にある手順でfacebookページを追加
  3. getcodeを押す
  4. 出てきたコードをサイトへ貼り付ける

facebookページ追加

  1. facebookへログイン
  2. 左上からfacebookページ作成