ブロギングライフ

ブログサイト運営関連、AdSenseについての情報などを発信しています。

サイト用 Facebook アプリ ID (app id) の取得方法

サイト用 Facebook アプリ ID (app id) の取得方法

FacebookなどのSNSの投稿に、ウェブページのURLを添付すると、ページの情報を魅力あるリッチリザルトの形式で表示されます。リッチリザルトの表示は、ページの<head>タグ内に設置されたメタデータを読み取って、表示する仕組みです。Open Graph protocol (OGP)は、SNSでのリッチリザルト表示用のページ情報を設定する業界標準のメタデータの仕様です。

FacebookのWebページの共有ベストプラクティス では、OGPのメタタグに Facebook App IDを設定することを推奨しています。

App IDを設定していないと、Facebook Sharing DebuggerでURLをテストした際に、警告(Warning)が表示されます。デバッガーの警告には、App IDは必須として表示されますが、Facebook App ID をメタタグで設定していなくても、リッチリザルトは表示されます。Facebook App IDが設定されてい ると、Facebook Insightなどが使用することができるようになり、サイトのアクセス情報を入手することができます。(Facebook IDは、プラスアルファの機能(付加機能)を利用する際に必要となります。)

Facebook App ID の取得方法

備考:
Facebook アプリID を取得するためには、Facebookのアカウントが必要となります。

Facebook Developer サイトにアクセスします。ページ右上のLog In をクリックして、ログインします。Facebook アカウントにログインしていない場合は、ログイン情報を入力する小ウィンドウが開かれます。メールアドレスとパスワードを入力してログインします。

Facebook Developer サイトにアクセスして、ログインをクリックします。

アカウントページ上段に表示されるメニュー項目から”My Apps”をクリックして、ドロップダウンリストの中から、”Add New App”を選びます。

ドロップダウンメニューからAdd New Appを選びます。

“Create a New App ID”と表示された新しいアプリID作成の小ウィンドウが表示されます。入力欄にアプリIDの名前とコンタクト先のメールアドレスを入力し、”Create App ID”のボタンを押します。

アプリ名とコンタクト先のメールアドレスを入力します。

以下の様なアプリのプラットフォームを選択するページが表示されます。サイトに設置するOGPタグ用にアプリIDを入する場合は、Webを選びます。

アプリプラットフォームの中からWebを選びます。

アプリの登録手順がアコーディオン形式で表示されます。ページ上段左のアプリ名の右側に”APP ID:”に番号が表示されます。この番号がApp IDです。番号の部分をクリックするとApp IDをコピーすることができます。

Facebook アプリID

ここまでの作業で、App IDは取得することができます。OGPに設定するなど、App IDの取得だけが目的の場合は、ここまでの作業だけも構いません。

表示されているアプリの登録手順では、Facebook アナリティクスの設定手続きが順を追って紹介されます。Facebookアナリティクスを設定すると、様々なページのアクセス情報やイベントのトラッキングを行うことができます。Facebook アナリティクスの設定については、以下の記事をご覧下さい。
Facebook アナリティクスをWebサイトに設定する方法

コメントを残す(承認後表示されます)

*
*
* (公開されません)

Return Top