Facebook(フェイスブック)などでブログ記事をシェアするとき、
おおきいサムネイル、タイトル、概要が表示される、いわゆる「最適化」させた表示にすることができる通信ルールOGP(オージーピー)。
OGPを設定するには、ブログとFacebookを連携させる必要があります。
そのためにはFacebook側からはアドミンID(Admin ID)、またはアプリケーションID(App ID)を取得し、ブログサイト側では、直接ファイルに記述する、またはWordPressのプラグインを使ってひもづけます。
ここではアドミンIDとアプリケーションIDの取得方法を説明します。
両方必要と書かれているブログもありますが、片方でOGP設定は可能です。
どちらからにするかは、WordPress側のプラグインのID入力欄がどちらかで決めてOKです。両方入力欄があっても片方で機能します。
FacebookでアプリケーションIDを取得する方法
FacebookでApp IDというものを取得します。
ブログや、アプリ等とFacebookを正しく連携させるものです。
1. Facebookにログイン
2. 以下のFacebook デベロッパーページより、
「新しいアプリを作成」ページを開きます。
https://developers.facebook.com/apps
3. 「Become a Facebook Developer(Facebookデベロッパーになる)」と出ますので、右の「Register Now(今すぐ登録)」をクリック。
4. Facebookのアカウントと繋げますという小窓のメッセージが出たら、OKで進んでください。「Facebook開発者として登録」の小窓が出て、登録に成功したとありますので「完了」ボタンを押します。
5. つぎにFacebookと連携する先の選択をします。
今回の場合はブログサイトに使いますので「ウェブサイト」をクリック。
あなたのブログサイトのURLを入力し、その下の「新しいFacebookアプリIDを作成」をクリック。
5. 「新しいアプリIDを作成」に必要事項を入力。
アプリまたはウェブサイトの名前を入力。ブログのタイトルだと分りやすい。
●これは別のアプリのテストバージョンですか?:いいえのままでOK。
●連絡先メールアドレス:メールアドレスを入力。
●カテゴリ:「カテゴリを選択」を押して選択。
5. 青い「アプリIDを作成」ボタンをクリック。
6. するとこのような表示がでます。
何やらコードが表示されて来てむずかしそう?
いやいや大丈夫!
目的は「appId」の隣にあるシングルクオーテーション内の数字(15桁)。これがわかればこのページは用済みです。
このAppIDは、あなたのFacebookアカウントにひもづいたアプリケーションIDです。このID番号は控えておきましょう。
OGP設定時、WordPressのプラグインの入力欄に入力する必要があります。
appId :'xxxxxxxxxxxxxxx'
FacebookアドミンIDを取得する
※2016年8月27日 追記:Admin ID取得法を修正しました。
1.Find your Facebook IDへアクセス。
http://findmyfbid.com/
2. Facebookの個人ページを開き、URLをコピーし、
先ほどの「Find your Facebook ID」のフォームにペースト。
4. このような画面に15桁の数字が表示されます。
これがあなたのFacebook アドミンID(Facebook Admin ID)です。
まとめ
Facebookなどでブログ記事をシェアする際の最適化させる「OGP」の設定のために要となるFacebook Admin IDはこれで取得できました。
続いてOGP設定をブログにする場合は、PHPファイルに直接書く方法もありますが、自身が無い場合はプラグインを使えばずっとラクです。
全体的なOGPの設定の流れは以下の記事で説明していますので、ぜひご覧になって設定してください。
→ Facebookでブログシェア時に意図しない画像が出る!画像を指定する方法