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へ貼付ける
途中
- 参考