フェイスブックで拡散をさせるとき、何も試作をしていないと、
![Open Graph Pro 入れてないと](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 入れてないと-580x374.png)
という感じになってしまうのですが、『Open Graph Pro』を入れていれば
![Open Graph Pro 入れてると](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 入れてると.png)
というように表示されます。
いかがでしょうか?こっちのほうがかっこいいですよね?
うん、格好良い!
実際にこのように表示させると人によっては拡散が倍になるということもあるそうです。
というわけで今回はfacebookでの拡散効果を高めるプラグイン『Open Graph Pro』の紹介です。
設定
Open Graph Proをインストールしたら【設定】→【Open Graph Pro】に進みます。
![Open Graph Pro 設定画面](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro-設定画面-580x493.png)
こんな感じの画面になるのですが、設定しないと行けない点は3つ。
【Header Image】はサイトのヘッダー画像のurlを入力 なくてもOKです。
問題は、【Admin User(s)】【Application ID】この2つです。ぶっちゃけめっちゃめんどくさいです。(笑)まあ一度設定すればそのあとは設定する必要がなくなるので、頑張りましょう。
Admin User(s)
まずは個人で使っているfacebookアカウントを確認してください。そしてhttp://graph.facebook.com/Facebookのユーザー名で検索してみてください。
僕の場合はhttps://www.facebook.com/syutaro.tsuchiyaですね。なので、【http://graph.facebook.com/syutaro.tsuchiya】で検索ということですね。
もちろんfacebookをやっていなければできませんよー。
![Open Graph Pro](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro.jpg)
僕であればこんな感じでした。ここに出てくるIDが自分のAdmin User(s)です。
※これが何かは聞かないでください。知りません(迫真)
Application ID
さあ、ここから更に難易度は上がります。
まずはこちらにアクセスしてください。
![Open Graph Pro 1](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 1-580x269.png)
するとこんな画面になるので、【アプリ】をクリックして新しいアプリを作成します。
App Nameにはサイト名・App Namespaceには適当な英数字を入れておきましょう。
![Open Graph Pro 2](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 2.png)
すると画像認証がありますので、この画像を読みっとって送信します。
![Open Graph Pro 3](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 3-580x269.png)
次は細かい管理画面に飛びます。
サイドバーの設定をクリックして上記画面に進みましょう。その後【Add Platform】をクリック。
![Open Graph Pro 4](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 4-580x366.png)
【ウェブサイト】をクリックしてまた進みます。
![Open Graph Pro 5](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro 5-580x269.png)
サイトURLを入れます。その下のモバイルサイトURLも同じもので問題はありません。
そして変更を保存。
![Open Graph Pro ID](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro ID-580x286.png)
同じページの上部にアプリケーションIDとあるのでそれがApplication IDです。
これらを
![Open Graph Pro 設定画面](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro-設定画面-580x493.png)
ワードプレスの管理画面から入力すれば完了です。\(^o^)/
念のため確認
念のため適用されているか確認しましょう。こちらからログインして、URLを入力後エラーが出てなければOKです。
![Open Graph Pro オブジェクトデバッガー](https://tsuchiyashutaro.com/wp-content/uploads/2014/01/Open-Graph-Pro オブジェクトデバッガー-580x269.png)
まあ実際に投稿してみるのもありかもしれませんね。
というわけで、facebookの拡散を強力にしてくれるプラグイン『Open Graph Pro』でした!
[…] Open Graph Pro […]