グラフAPIエクスプローラで、ユーザーアクセストークンがエラーで取得できない

この記事はPR・広告(アフィリエイトリンク)が含まれるので予めご了承ください。

Instagramの投稿を、自動でホームページに表示するため、「ユーザーアクセストークン」を取得する必要があるのですが、エラーになり取得できません。

※実際の手順は以下の記事を参考に進めています。

【PHP/JavaScript】Instagramを自動更新で埋め込む方法~取得方法から画像付きで紹介~
1.インスタの投稿写真(動画の場合はサムネ)の情報を「Instagram Graph API」を使って取得する方法。2.取得した情報をWebページに表示させるためのPHPとJavaScriptそれぞれのコード。こちらの2つを画像付きで紹介していきたいと思います!

結果的に、連携出来ましたが、問題は、Meta for Developersでの「ユーザーアクセストークン」を取得がうまくいません。

アプリ作成のところで仕様変更があり、手順が違っていたり、エラーになったりしていますので、以下の方法で解決できます。

①アプリを作成方法

Meta for DevelopersにアクセスしfacebookIDでログインします。

ヘッダナビの「マイアプリ」を選び「アプリを作成」ボタンを押します。

「アプリタイプを選択」を選択画面で、いろんなサイトで選択肢は、なんでもよいとか、「ビジネス」を選ぶとか、推奨しているサイトが多いのです。

が、実際に「ビジネス」を選んだ後、「ツール」から「グラフAPIエクスプローラ」で「ユーザーアクセストークン」をえらぶとエラーになってしまいます。

②ユーザーアクセストークンでエラーを回避するには?

「アプリタイプを選択」画面で「なし」を選びましょう!

今度は、「ツール」から「グラフAPIエクスプローラ」で「ユーザーアクセストークン」を選ぶと無事、ユーザー認証が表示されます。

ログイン後、無事アクセストークンが表示されました。

この後は、他サイトで紹介されている順序で制作を進め、無事、HPに自動でInstagramの投稿を表示することができました。

①facebookページとInstagraのリンク設定が分かりにくい

連携についてわかりにくいところは、facebookページとInstagramだと思います。

facebook管理画面から右上のプロフィールを個人名から、facebookページ切り替えます。

その後、右上のプロフィールから「設定とプライバシー」→「設定」を選ぶと、「リンク済みのアカウント」が出てきますので、Instagramと連携してください。

この作業をしていないと連携はできないようですので気をつけましょう!

コメント

タイトルとURLをコピーしました