![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
Facebookコメント連携テスト †以下、まだ編集中。 ０．最初に †
開発者登録を行うには、携帯の連絡先登録を行う必要があるが、8桁の確認コードが送られてくるのに、6桁しか入力できなかったり。。
など不具合が満載なので、そういう時はPC画面のアカウント設定から携帯番号を追加すると、うまくいく・・・場合もある。 なんせ、やり方は何でも良いので、モバイルの連絡先が登録できさえすれば良い。
※この画面は確認コードが８桁入力できる。 １．開発者登録 †(1) facebookのログインし、画面下の ”開発” のリンクを押下。
Facebookモバイル確認コード：XXXXXX
または http://fb.me/XXXXXXXXXX へ移動
携帯番号を確認
電話番号「xxxxx@xxxxx」をアカウントに追加しますか？ 電話番号を追加
２．アプリ登録 †
３．部品(いいねボタン、コメント欄)のソース取得 †４．インサイト登録用のmetaタグ取得 †http://www.facebook.com/insights/ ※「Webサイトのインサイト」を押下して表示されたメタタグを取得し、画面はそのまま置いておく。 ５．サイトへソース貼付け＆サーバにアップロード †<head>
・
・
<meta property="fb:admins" content="facebookのユーザID"/> <!-- 「４．インサイト登録用のmetaタグ取得」で表示されたもの -->
<meta property="fb:app_id" content="アプリID"/>
・
・
</head>
<body>
<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&appId=アプリID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
・
・
<!-- コメント欄 -->
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
<!-- いいねボタン -->
<div class="fb-like" data-href="http://example.com/" data-send="false" data-width="450" data-show-faces="true"></div>
※data-hrefに指定したURLに引数(?以降の部分)が含まれる場合にうまく認識しない事がある。data-href を省略すると動作はするが警告が出る。→ mod_rewrite などを要検討か。 ６．インサイト登録 ※４の続き †http://www.facebook.com/insights/ ７．コメントモデレーションツールの通知設定 †
http://developers.facebook.com/tools/comments?id=アプリID
８．コメントのテスト投稿 †９．投稿されたコメントの確認 †
http://developers.facebook.com/tools/comments?id=アプリID
|
fb_setting0.png 262件
[詳細]
fb_setting2_9.png 261件
[詳細]
fb_setting2_8.png 268件
[詳細]
fb_setting2_7.png 108件
[詳細]
fb_setting2_6.png 247件
[詳細]
fb_setting2_5.png 254件
[詳細]
fb_setting2_4.png 269件
[詳細]
fb_setting2_3.png 268件
[詳細]
fb_setting2_2.png 78件
[詳細]
fb_setting2.png 302件
[詳細]
fb_setting9.png 270件
[詳細]
fb_setting8.png 274件
[詳細]
fb_setting7.png 273件
[詳細]
fb_setting4.png 263件
[詳細]
fb_setting6.png 268件
[詳細]
fb_setting5.png 257件
[詳細]
fb_setting3.png 263件
[詳細]
fb_setting1.png 270件
[詳細]
