集客メディアマーケティング研究

KAORI CREATIVE

Facebook活用

Facebook アドミンIDとアプリケーションIDの取り方【2016年7月】

投稿日:2016-07-25 更新日:

ogp-id-setup

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(今すぐ登録)」をクリック。

ogp1
4. Facebookのアカウントと繋げますという小窓のメッセージが出たら、OKで進んでください。「Facebook開発者として登録」の小窓が出て、登録に成功したとありますので「完了」ボタンを押します。

ogp2

5. つぎにFacebookと連携する先の選択をします。
今回の場合はブログサイトに使いますので「ウェブサイト」をクリック。

ogp4
あなたのブログサイトのURLを入力し、その下の「新しいFacebookアプリIDを作成」をクリック。

ogp5

5. 「新しいアプリIDを作成」に必要事項を入力。

ogp3

●表示名:
アプリまたはウェブサイトの名前を入力。ブログのタイトルだと分りやすい。
これは別のアプリのテストバージョンですか?:いいえのままでOK。
連絡先メールアドレス:メールアドレスを入力。
カテゴリ:「カテゴリを選択」を押して選択。

5. 青い「アプリIDを作成」ボタンをクリック。

6. するとこのような表示がでます。
OGP Facebook SDK

何やらコードが表示されて来てむずかしそう?
いやいや大丈夫!
目的は「appId」の隣にあるシングルクオーテーション内の数字(15桁)。これがわかればこのページは用済みです。

このAppIDは、あなたのFacebookアカウントにひもづいたアプリケーションIDです。このID番号は控えておきましょう。
OGP設定時、WordPressのプラグインの入力欄に入力する必要があります。

appId :'xxxxxxxxxxxxxxx'

OGP Facebook SDK

FacebookアドミンIDを取得する

※2016年8月27日 追記:Admin ID取得法を修正しました。

1.Find your Facebook IDへアクセス。
http://findmyfbid.com/

Find your facebook ID

2. Facebookの個人ページを開き、URLをコピーし、
先ほどの「Find your Facebook ID」のフォームにペースト。

Facebookの個人のページのURL


3. 「Find numeric ID」ボタンを押す。

4. このような画面に15桁の数字が表示されます。
これがあなたのFacebook アドミンID(Facebook Admin ID)です。

Facebook ID

 

まとめ

Facebookなどでブログ記事をシェアする際の最適化させる「OGP」の設定のために要となるFacebook Admin IDはこれで取得できました。

続いてOGP設定をブログにする場合は、PHPファイルに直接書く方法もありますが、自身が無い場合はプラグインを使えばずっとラクです。

全体的なOGPの設定の流れは以下の記事で説明していますので、ぜひご覧になって設定してください。

Facebookでブログシェア時に意図しない画像が出る!画像を指定する方法

 

-Facebook活用
-,

Copyright© KAORI CREATIVE , 2018 All Rights Reserved.