# Instagram oneboxes 用のアプリトークンを設定する **URL:** \ **Category:** Integrations\ **Tags:** how-to, platforms\ **Created:** [2020 年 12 月 2 日午後 8:49 UTC](https://meta.discourse.org/t/configure-an-app-token-for-instagram-oneboxes/223548 "2020-12-02T20:49:25Z")\ **Posts on this page:** 1\ **Showing post:** 1
**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\ **Post date:** [2020 年 12 月 2 日午後 8:49 UTC](https://meta.discourse.org/t/configure-an-app-token-for-instagram-oneboxes/223548/1 "2020-12-02T20:49:25Z")
⚠ **このガイドが最初に書かれてから後の重要な更新:** 1. **アプリレビューが必須になりました。** 2021年9月以降、Metaはアプリが [App Review](https://developers.facebook.com/docs/resp-plat-initiatives/app-review) を通過し、 **oEmbed Read** 権限（2025年4月8日以降に作成されたアプリでは [**Meta oEmbed Read**](https://developers.facebook.com/docs/features-reference/meta-oembed-read) と呼ばれます）の承認を受けることを義務付けています。これがないと、oEmbed API呼び出しは失敗します。承認を得るためのヒントについては、Metaの [App Review提出ガイダンス](https://developers.facebook.com/docs/instagram-platform/oembed/#app-review-submission) を参照してください。 2. **Instagramのoneboxが正しくレンダリングされない可能性があります。** 2025年11月3日現在、MetaはInstagramのoEmbedレスポンスから `thumbnail_url`、`thumbnail_width`、`thumbnail_height`、`author_name` のフィールドを削除しました。DiscourseのInstagram oneboxコードは現在これらのフィールド（`lib/onebox/engine/instagram_onebox.rb`）に依存しているため、埋め込みが壊れたり空になったりする可能性があります。 3. **投稿（post）とIGTVのURLのみがサポートされています。** 現在、Discourseがoneboxできるのは、Instagramの `/p/` (投稿) および `/tv/` (IGTV) のURLのみです。 **リール** (`/reel/`) のURLはサポートされていません。 4. **Facebook開発者コンソールのUIが変更されました。** 以下のスクリーンショットは2020年12月に撮影されたものですが、UIは大幅に変更されています。基本的な手順は似ていますが、正確な画面やオプションは異なる場合があります。 * * * すでにDiscourseサイトに関連付けられているFacebookアプリをお持ちの場合は、 **FacebookアプリへのoEmbedの追加** まで下にスクロールしてください。 ### Facebook開発者アカウントとFacebookアプリをお持ちでない場合: [https://developers.facebook.com/](https://developers.facebook.com/) にアクセスします。現在ログインしていない場合は、Facebookアカウントでログインするように求められます。以前にアカウントを開発者アカウントに「移行」していない場合は、移行を求められることがあります。電話番号を追加したり、その他の手順を完了したりして、Facebookでアカウントを確認するよう求められる場合があります。プロンプトに従って、Facebookが要求する操作を実行する必要があります。 Facebook開発者アカウントが作成できたら、Facebook開発者のホーム画面から「マイアプリ」をクリックします。 ![Screen Shot 2020-12-02 at 1.57.44 PM](https://global.discourse-cdn.com/meta/original/3X/c/f/cf1689b222aaeed917f0ab6c3bd704d59bd0a632.jpeg) …そして「アプリを作成」をクリックします。 ![Screen Shot 2020-12-02 at 1.58.33 PM](https://global.discourse-cdn.com/meta/original/3X/d/8/d8a309c94f834a96af812dfb2597288ced6b9a51.jpeg) アプリのタイプとして「その他」を選択し、「続行」をクリックします。 ![Screen Shot 2020-12-02 at 1.58.59 PM](https://global.discourse-cdn.com/meta/original/3X/7/c/7cd8f09f97629fc5672087abab7a4390f8df8b7b.png) 「アプリ表示名」と「アプリの連絡先メールアドレス」を入力します。利用規約とポリシーを読んだ後、「アプリを作成」をクリックできます。 ![Screen Shot 2020-12-02 at 2.00.14 PM](https://global.discourse-cdn.com/meta/original/3X/7/c/7c20d97a22c80d833a8a5d88a6713787d8f416fe.png) ロボットの場合: ここには見るものはありません。ビープ、ボープ、ブープ。🤖 ロボットでない場合: 「私はロボットではありません」をクリックし、プロンプトに従い、「送信」をクリックします。 ![Screen Shot 2020-12-02 at 2.00.47 PM](https://global.discourse-cdn.com/meta/original/3X/e/5/e50029e5104417c2cacd480c222d3d7d36ab948f.png) おめでとうございます！Facebookアプリが作成されました！ ### FacebookアプリへのoEmbedの追加: 製品のリストの一番下までスクロールし、「oEmbed」を見つけて「設定」をクリックします。 ![Screen Shot 2020-12-02 at 2.01.21 PM](https://global.discourse-cdn.com/meta/original/3X/1/a/1a46aee2518cb06e3af0105d8af40e391831c81c.png) oEmbed製品の使用方法に同意する場合は、チェックボックスをクリックし、「確認」をクリックします。 ![Screen Shot 2020-12-02 at 2.01.32 PM](https://global.discourse-cdn.com/meta/original/3X/1/5/1596e696c2a856e6405f1ef285f1d21294a113ee.png) oEmbed製品が追加されました。「設定」をクリックします。 ![Screen Shot 2020-12-02 at 2.02.03 PM](https://global.discourse-cdn.com/meta/original/3X/c/7/c73c412e6977416b293142249b1cc8a98c83b88a.png) 「表示名」と「連絡先メールアドレス」はすでに記入されているはずです。「プライバシーポリシー」と「利用規約」のURLを入力する必要があります。利用可能なオプションのリストから「カテゴリ」を選択します。すべてに満足したら、「変更を保存」をクリックします。 ![Screen Shot 2020-12-02 at 2.04.14 PM](https://global.discourse-cdn.com/meta/original/3X/d/9/d958694ff1ca81f05c35a7faf44548b845b5aa72.png) 画面上部のトグルをクリックして、「開発中」モードから「ライブ」モードに切り替えます。 ![Screen Shot 2020-12-02 at 2.04.20 PM](https://global.discourse-cdn.com/meta/original/3X/9/7/97e422cb1f58d46795568d3404e6decda20533ed.png) 「モードを切り替え」をクリックします。 ![Screen Shot 2020-12-02 at 2.04.52 PM](https://global.discourse-cdn.com/meta/original/3X/1/9/1961d69c76be696e23d27dd6eca2ed3494c6abd9.png) ### アプリのレビュー申請（2021年以降必須）: アプリが本番環境でoEmbed APIにアクセスできるようになる前に、 **アプリレビュー** に提出し、 **oEmbed Read** 権限（2025年4月8日以降に作成されたアプリの場合は **Meta oEmbed Read** ）をリクエストする必要があります。 1. アプリのダッシュボードで、 **アプリレビュー** → **権限と機能** に移動します。 2. **oEmbed Read** (または **Meta oEmbed Read** ) を見つけて、「リクエスト」をクリックします。 3. リクエストボタンがアクティブになる前に、テストAPI呼び出しを正常に行う必要がある場合があります。最初のAPI呼び出しから最大24時間かかることがあります。 4. 提出する際は、Discourseサイト上のInstagram埋め込みを含むURLを提供し、サイトがoEmbed APIを使用してInstagramの投稿を埋め込むために [Discourse](https://discourse.org) フォーラムソフトウェアを使用していることを説明します。 詳細な提出ガイドラインについては、Metaの [oEmbedドキュメント](https://developers.facebook.com/docs/instagram-platform/oembed/) を参照してください。 ### アプリアクセストークンの生成: すべて完了したら、Facebookの手順に従ってアプリアクセストークンを生成できます。[アプリアクセストークン](https://developers.facebook.com/docs/facebook-login/access-tokens#apptokens) を参照してください。「アプリ ID」フィールドの値と「アプリのシークレット」フィールドの値をコピーする必要があります。アプリのシークレットを取得するには、「表示」をクリックします。再認証などを求められることがありますが、コピーできる長い16進数の値が表示されるはずです。 ![Screen Shot 2020-12-02 at 2.05.08 PM](https://global.discourse-cdn.com/meta/original/3X/8/f/8fcef94bc3f19fc9ba1089c73ea156d4b517863f.png) Facebookのドキュメントに従い、これらの値をFacebookに送信してトークンを生成する必要があります。`curl` の使用に慣れていますか？素晴らしい！彼らは以下を提案しています（`{your-app-id}` と `{your-app-secret}` を上記画面でコピーした値に置き換えてください）。 ```plaintext curl -X GET "https://graph.facebook.com/oauth/access_token?client_id={your-app-id}&client_secret={your-app-secret}&grant_type=client_credentials" ``` あるいは、その2つの値を置き換えた後のURLだけをブラウザにコピーしても機能するはずです。 `https://graph.facebook.com/oauth/access_token?client_id={your-app-id}&client_secret={your-app-secret}&grant_type=client_credentials` Facebookは、以下のような例のような小さなJSONの塊で応答します。 ```plaintext {"access_token":"1234567890654321|c3bd55c09fc5e561552ad7a8717","token_type":"bearer"} ``` 引用符を除いた `access_token` の値をコピーし（私の例では `1234567890654321|c3bd55c09fc5e561552ad7a8717` となります）、Discourseサイトの [設定] に移動します。Onebox設定にある `facebook_app_access_token` というサイト設定を見つけます。「access\_token」の値をこのフィールドに貼り付けます。 ![Screen Shot 2020-12-02 at 3.32.22 PM](https://global.discourse-cdn.com/meta/original/3X/b/9/b9e134ce5c67de16f98db3648ce15aef430e9c72.png) ✅ をクリック…これで完了です！ サイトの投稿に `https://www.instagram.com/p/CIRhYzFM7Lu/` のようなURLを貼り付けると、以下のような素敵なoneboxが表示されるはずです。 [https://www.instagram.com/p/CIRhYzFM7Lu/](https://www.instagram.com/p/CIRhYzFM7Lu/) --- _[View the full topic](https://meta.discourse.org/t/configure-an-app-token-for-instagram-oneboxes/223548)._