ファンページ作成といいねボタンの関係

facebook

別物なんだね。
Twitterのつぶやきをファンページに表示させて、いいねをクリックされている状況をしりたいというのが目的です。
　
※12・5リリース予定の「タイムライン」という機能が有効になっていないと素晴らしさが半減することが判明
　

ファンページを作成する

　
どこかのファンページを表示

  • 「Facebookページを作成」ボタン
  • 必要情報を入力（あとで修正可能なので大雑把）
  • 作成される
  • 「Facebookページを編集」ボタン
  • 権限の管理＞公開範囲　非公開にする

ファンページにTwitter

これは簡単

　
しばらくは基本設定の確認とTwitterとの連携を確認するために非公開で活動します。
　

アプリ作成

ボタンを設置してからだとわかりにくい。開発者登録するときには電話番号が必要なこともわかりにくい。

  • http://developers.facebook.com/setup/にアクセス
  • サイト名「お知らせ用ほげえ」、サイトURL「ボタンを設置するURL」
  • 「新しいアプリケーションを作成」ボタン
  • App Display Nameに「お知らせ用ほげえ」
  • https://developers.facebook.com/appsに「おしらせ用ほげえ」ができあがる
  • 「おしらせ用ほげえ」の「設定を編集」でウェブサイトにhttp://kenmituo.com/hoge/
  • 左ペイン「アプリのプロフィールページを見る」
  • 「おしらせ用ほげえ」アプリページが表示される
  • 左ペイン「マイページへ追加」で作成済みのファンページに「Add to Page」する

インサイト

リクエストエラー

No admin data found at root webpage http://www.kenmituo.com/. Insights requires admin data at this root webpage for the specified URL www.kenmiuto.com/hoge/

rootページじゃないとダメらしい。諦める。
（ここで登録できなくても、Insightsには表示されるようになった）
　

OGP

　

<html lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta property="fb:app_id" content="ほにゃらら" />
<meta property="og:title" content="記事のタイトル" />
<meta property="og:type" content="タイプは選択肢から選ぶ" />
<meta property="og:url" content="記事のURL" />
<meta property="og:image" content="Fbで表示されるサイトのイメージ画像ファイルのパス" />
<meta property="og:site_name" content="サイト全体の名称" />
<meta property="og:description" content="サイトの紹介文">
<meta property="og:locale" content="ja_JP" />

※Comment Moderation Tool（http://developers.facebook.com/tools/comments）というのを発見する。
　

いいねボタンの設置

罠がある。同じようでいて異なる。

「いいね！顔」はボックス、「いいね！カウンター」はボタンになる。
仕込むURLも違っていてBOXにはFacebookのURL、Buttonにはボタンを設置しているURLになる。罠にしか見えない。
　
IFRAMEのコードを取得

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fkenmituo.com%2Fhoge%2F&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=ほにゃらら" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

これで設置まで完了した。
　

Open Graph

なんだか凄いっぽいんだけど、よくわからない。

　
日本語訳を読むと今までの設定にも修正が必要なことがわかってくる。

＜備考：参考にしたサイト＞
http://www.stoned-circle.net/wp/archives/1631
　

タイムライン

ここまで試してみて分かったのは、自分が「イイね」した記録をみることが出来ることだけ。
　

これとあまり変わらないと思ったけど試しに例のコードを仕込んだ奴を開いてみる。

<fb:add-to-timeline></fb:add-to-timeline>

何かが変わった！やっと実感できた。
　
いままで誤解していたのは「誰かがイイねボタンを押したら、自分のウオールやタイムラインに表示される」と思っていたけどそんなことは無いみたい。インサイトでしか確認できないし、「誰が」というのも分からない。

誰がということを確認するには　https://developers.facebook.com/docs/reference/plugins/comments/　コメント入力欄を作成して設置　http://developers.facebook.com/tools/comments　にて確認する