OGP設定で必要な『アプリID(app_id)』の確認方法:アプリの作成方法も「FACEBOOK for Developers」にて

以前書いていたOGPの設定方法の情報が古くなっていたので、【2021版】として『【2021】FacebookやTwitter CardのOGPの設定をする!チェックツールURLも!』を新たに書いたのですが、『アプリID(app_id)』の情報が必要となってきます。

app_id確認方法2

この『アプリID(app_id)』の情報は、『FACEBOOK for Developers』の「アプリダッシュボード」にあるのですが、この画面も新しくなっていたので、アプリを作成方法も含め追記したいと思います。

OGP設定で必要な『アプリID(app_id)』の確認方法

では早速。

1. 『FACEBOOK for Developers』の「アプリダッシュボード」の画面へ行きます

すると以下のような画面でアプリを選択する画面になるので、

app_id確認方法1

2. 『アプリID(app_id)』が必要なアプリを選択します

『アプリID(app_id)』が必要なアプリを選択をするとこのような画面になり、「アプリID」にマウスホーバーするとIDがクリックでコピーできるようになるので、

app_id確認方法2

3. クリックして『アプリID(app_id)』を取得(コピー)します

あとはこの『アプリID(app_id)』を、『【2021】FacebookやTwitter CardのOGPの設定をする!チェックツールURLも!』にて作成したOGP.phpの38行目(以下の画像参照)に、

app_idをペーストする場所

ペーストすればOKです!

アプリの作成方法

『FACEBOOK for Developers』にてまだアプリを作成していない新規サイトなどでは、OGPで必要な『アプリID(app_id)』の情報がありません。ですので、アプリの作成方法も簡単に書いておきます。

1. アプリを作成ボタンをクリックする

まずは『FACEBOOK for Developers』ののアプリの画面へ行き、以下のアプリを作成ボタンをクリックします。

「アプリを作成」のボタン

2. アプリを作成します

あとは適宜必要情報を選択、入力し、

アプリ作成画面

アプリを作成ボタンをクリックすればOKです!

Google AdS



関連記事

『reCAPTCHA v3』を問い合わせページのみ&左側に表示させる方法:その2


前回書いた『reCAPTCHA v3』を問い合わせページのみ&左側に表示させる方法:その1の続きです! 今…

記事を読む▷


WPでin_categoryが効かない!サイドバーが出てこない!原因と対処(解決)方法


管理しているサイトでカテゴリー単位で色々「in_category」で分岐してサイドバーの出し分けをしていたのですが、ある…

記事を読む▷


MacのMAMPがやたら遅い!ブラウジングがやけに遅い時の対処方法色々


今までローカル環境でテストをするのが面倒で、本番環境で公開しないページを作成してカスタマイズのテスト等をしていました。 …

記事を読む▷


WindowsのSafariで【background】が効かない時の原因と対処方法


最近cssではショートハンドを使って記述するのが当たり前になってきたので(ショートハンドの詳細はこちら)、今回トラブルと…

記事を読む▷


WordPressでGIFアニメが動かない時の対処法


今回アイキャッチ画像にGIFアニメを登録したのですが、登録時、また、メディアライブラリ内ではしっかりGIFアニメとして動…

記事を読む▷


Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください