【2023年版】Instagram Graph API ver15.0のアクセストークン・InstagramビジネスアカウントIDの取得方法~API準備~

SNS

はじめに

「Instagram Graph API」でデータ収集をしようとしたとき、「アクセストークン」、「InstagramビジネスアカウントID」が必要になります。

ここでは、「アクセストークン」、「InstagramビジネスアカウントID」取得の手順をまとめております。ご覧いただけると幸いです。

上記、事前準備記事もまとめております。「SNS準備編」をご覧いただけると幸いです。

  1. Facebookアプリ作成
  2. アクセストークンを取得
  3. InstagramビジネスアカウントIDを取得

Facebookアプリ作成

「Facebook for Developers」アカウント作成

Facebook  for Developers」ページからFacebook アプリを作成。

以下画像8を押下。

次の画面で作成したFacebookアカウントでログイン。

ログイン後、「Facebook for Developers」アカウント作成。

以下画面に遷移し、以下画像9を押下。

メールアドレスを認証する。以下画像10にメールアドレスを入力し、以下画像11を押下。

以下画像12で当てはまるものを選択し、以下画像13を押下。

Facebookアプリを作成

以下画像14を押下。(以下ページリンクはこちら)

以下画像15でビジネスを選択し、以下画像16を押下。

各アプリタイプの詳細については、こちらをご覧ください。

※「Instagram Graph API」を使用するにはビジネスを選択する必要がある。

以下画像17、18、19、20を入力し、以下画像21を押下。

17-アプリ表示名:
お好みの名前で入力。「Instagram」という言葉を入力すると怒られる。

18-アプリ連絡先メールアドレス:
メールアドレスを入力。

19-アプリの目的:
代理作成か自分用かを選択。

20-ビジネスマネージャーアカウントをお持ちですか?:
グラフAPIを使うだけであれば設定不要。

Facebookアプリに「Instagram API」を追加

「Instagram Graph API」をFacebookアプリに追加。(以下ページリンクはこちら)

以下画像22を押下。

アクセストークンを取得

アプリIDとAppSecretキーをメモ

以下画像23を押下。

以下画像24(アプリID)と以下画像25(AppSecretキー)をメモ。

1番目のアクセストークン取得

Instagram Graph API エクスプローラ」を開く。

以下画像26で上記作成したFacebookアプリを選択し、以下画像27で「ページアクセストークンを取得」を選択し、以下画像28を押下。

認証画面が出たら、以下画像29を押下し、ログイン。

作成したFacebook ページを以下画像30で選択し、以下画像31を押下。

以下画像32を押下。

以下画像33、以下画像34、以下画像35を入力し、以下画像36を押下。

33-Facebook アプリ:
先ほど作成したアプリを選択。

34-ユーザまたはページ:
ページを選択。

35-アプリで利用するアクセス許可設定をする。(公式ドキュメントを確認)

今回はInstagramの情報を分析したいため、以下Instagram系のアクセス許可をオンにした。

  1. instagram_basic
  2. instagram_manage_comments
  3. instagram_manage_insights
  4. instagram_manage_messages
  5. instagram_content_publish
  6. business_management
  7. public_profile(Defaultで許可あり)
  8. pages_show_list(Defaultで許可あり)
  9. ipages_read_engagement(Defaultで許可あり)

以下画像38でInstagramプロアカウントを選択し、以下画像39を押下。

上記画像37が1番目のアクセストークン。

2番目のアクセストークン取得

ブラウザーで以下形式のURLにアクセス。

https://graph.facebook.com/[バージョン(以下画像40)]/oauth/access_token?grant_type=fb_exchange_token&client_id=[アプリID(上記画像24)]&client_secret=[app secret(上記画像25)]&fb_exchange_token=[1番目のトークン(上記画像37)]

アクセスしたページの以下赤文字部分が2番目のアクセストークン。

{“access_token”:”*******************************************“:”bearer”}

3番目のアクセストークン取得

ブラウザーで以下形式のURLにアクセス。

https://graph.facebook.com/[バージョン(以下画像40)]/me?access_token=[上記2番目のアクセストークン]

アクセスしたページの以下赤文字部分をメモ。
{
“name”: “****************”,

“id”: “****************
}

ブラウザーで以下形式のURLにアクセス。

https://graph.facebook.com/[バージョン(以下画像40)]/[上記メモしたID]/accounts?access_token=[上記2番目のアクセストークン]

アクセスしたページの以下赤文字部分が3番目のアクセストークン(無期限)

{
“data”: [
{
“access_token”: “***************************“,
“category”: “”,
“category_list”: [
{
“id”: “”,
“name”: “”
},
{
以下省略…

InstagramビジネスアカウントIDの取得

Instagram Graph API エクスプローラ」を開く。

以下画像41で上記取得した3番目のアクセストークンを入力し、以下画像42で上記作成したFacebookアプリ名(上記画像17)を選択し、以下画像43に「me?fields=instagram_business_account」と入力し、以下画像44を押下。

上記画像44押下後、画面右部分に表示される以下赤文字部分がInstagramビジネスアカウントID。

{
“instagram_business_account”: {

“id”:”***************************

},
以下省略…

コメント