自分のサイトとFacebookページどちらも運用するのは面倒な人におすすめです。
お久しぶりの投稿です。
最近お仕事用のブログを始めてコチラのブログの意義を無くしていましたが、シゴト用には初心者や地元ネタ、こちらは開発者向きの内容としてこれからも続けていきたいと思います。
Facebookページを作るといいね！やシェアが分散される
Facebookページと、自分のサイトにFacebookの連携機能を付けていると、いいね！はFacebookページと自分のサイトとそれぞれに分散されてしまいます。
Likebox 自分のFacebookページへのいいね！
LikeButton 自分のサイトへのいいね！
私の仕事用のブログではこのような状態になっていますが、正直Feedを流しているだけの状態。
これを何とかしたくて調べたらこの方法がありました。
コミュニティ的な要素は自分のアカウントで行っているのでFacebookページは使わず、Facebookページの便利機能だけを使います。
自分のサイトをFacebookのページのように運用
こちらのブログ用のLikeboxをサンプルとして作りました。
自分のサイトを持っていて、Facebookページを作る意味があるのかなーと思っている方におすすめです。
このブログも、情報がブログ内で完結しているし、仕事用のサイトでFacebookページを作っちゃってるので、わざわざFacebookページを作っても中に入れる情報がありません(；・∀・)
なので、この方法で、いいね！やコメントなども全部ブログに集約して運用することにしました。
運用のサンプル
普通のLikeboxと違うところはリンクがFacebookページではなく、ブログにリダイレクトされているところ。
Facebookで「delab : WEBサイト構築・SEO・WEBツールなどの情報」を見るをクリックしてみると、このサイトにリダイレクトされます。
さらに記事の中でいいね！を押すと、TOPページのいいね！も押したことになります。
もしよかったら、この記事の下の方にあるいいね！を押して実験してみてください。
運用の方法
- Facebookページのウォール機能は使えないので代わりに、自分のアカウントにブログのFeedを流すことで情報発信する。
- 今までのFacebookページと同じように「いいね！」してもらい友達にシェアしてもらう
- もちろんいいね！してくれた方にはFacebookページのようにアップデートを流すことができる
ウォールなどアプリが使えない以外はFacebookページとほぼ同じ運用ができます。
良いところ
今まで、Facebookページへのいいね！と自サイトへのいいね！は特殊な方法を使わないかぎり分散されて運用するのが一般的でしたが、この方法を使うと、すべてのいいね！が自分のサイトに集約されます。
良くないところ
良くないと言うか、ひとつ注意点があるとすれば、既存のFacebookページのいいね！は引き継げません。これがネックの方ももちろんいるでしょう(；・∀・)
設置の方法
Head情報を書き換え
このままコピペでを書き換えする
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" xml:lang="ja" lang="ja">
OGPとLikeButtonを設置
OGPの記述は、Like Buttonのすぐ下にGet Open Graph Tagsという項目があり、OGPタグの生成ができます。
生成されたコードをコピーして、自分のサイトの
内に貼付け<meta property="og:title" content="記事タイトル" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://サイトURL" /> <meta property="og:image" content="http://画像URL.jpg" /> <meta property="og:site_name" content="サイト名" /> <meta property="fb:admins" content="1141872825" />
追加するタグ
<meta property="og:description" content="Facebookのウォールに出てくる説明文" /> <meta property="fb:page_id" content="あとで設定する管理ページのIDを入力" />
LikeButton
likebuttonの作り方はいろんな所ででているので省略しますが、参考になるページをリンクしておきます。
Debuggerで確認してみる
ここに確認するURLを入力して、エラーや警告が出なかったらOGPの準備は終わりです、
管理ページからアクセスしてみる
管理ページに最初にアクセスするためには自分のサイトのトップページのLikeボタンを押していいね！がグレーになった状態にしてからページを更新すると、右側に管理ページと書いてあるリンクが出てきますので、それが自分のサイトのFacebookページの代わりに使う管理ページになります。
中に入ってみると普通のFacebookページの管理画面と一緒です。
管理ページのURLの最後15桁の数字がfb:page_idになるので、先ほどのタグのところに入力して下さい。
これで、管理ページと自分のドメインが紐付けられました。
アクセスした管理ページ
自動的にこのようなFacebookページができあがります。
Likebox
Likeboxを作るときは、この管理画面のURLを使ってLikeboxを作ると、自分のサイトにリダイレクトしてくれます。
その他の使い方もほぼ普通のFacebookページと一緒。
違うのは、この管理画面にアクセスすると、自分以外の人はサイトにリダイレクトされるということ。
参考URL
設置してみた感想
まだ今日作ったばっかりだけど、すごく便利に使えそう。
ただFeedを流すだけのようなFacebookページなら必要ないのでぜひこちらに移行するといいと思います。
