COLUM

コラム

Instagram Graph API取得した情報で、インスタの写真を埋め込みをスニペットで作成

Instagram Graph API取得した情報で、インスタの写真を埋め込みをスニペットで作成

「インスタグラム始めたので、ホームページへ掲載してください」という、クライアント様のご要望に応えるべくいつもの作業を実施しようとしたところ、仕様変更でトークン取得がすごく面倒なことに!
※弊社のサポートをご契約の場合、こんなことにも対応しています。(設定費用等は頂かない保守管理内での作業です。)

でも、大丈夫!とても親切な方々がちゃんと判りやすく解説してくださっています。
↓こちらのサイトを参考にWEBサイトへ写真を埋め込む情報を取得することが出来ました。
https://arrown-blog.com/instagram-graph-api/

色々とありますが、必要な情報は、
・3段階目のアクセストークン
・InstagramビジネスアカウントID
以上の2つです。

WEBサイトへ埋め込むには、スニペットを作成し、埋め込みたいページで、そのスニペットを呼び出すだけなのです。
MODXのスニペットは、phpが苦手な私でも、ちょっとしたプログラムが直接書けるので、いつも大変お世話になっています。

スニペット 
$instagram = null;
$instagram_business_id ='【ビジネスアカウントID】'; 
$access_token ='【3段階目のアクセストークン】';
$post_count = 6; //件数
$query = 'name,media.limit(' . $post_count. '){caption,like_count,media_url,permalink,timestamp,thumbnail_url,media_type}';
$get_url = 'https://graph.facebook.com/v12.0/' . $instagram_business_id . '?fields=' . $query . '&access_token=' . $access_token; //v12.0 取得したバージョンへ変更すること
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $get_url);
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'GET');
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
$response = curl_exec($curl);
curl_close($curl);
if($response){
  $instagram = json_decode($response);
  if(isset($instagram->error)){
      $instagram = null;
  }
}
if ($instagram == null) {
echo 'Instagramにてエラーが発生しています!'; 
}else{
foreach($instagram->media->data as $post){
if($post->media_type=='VIDEO'){ $src='';}
else{$src='';}
echo '
  • '.$src.'
  • '."\n"; } }

    InstagramGraphAPI(任意)という名前を付けてスニペットを作成します。

    なお、上記には遅延読込を追記しているので、下記を併記すること

    
    
    
    

    遅延読込を使いたくない場合は下記の通りです。

    ・
    ・
    ・
    if ($instagram == null) {
    echo 'Instagramにてエラーが発生しています!'; 
    }else{
    foreach($instagram->media->data as $post){
    if($post->media_type=='VIDEO'){ $src='';}
    else{$src='';}
    echo '
  • '.$src.'
  • '."\n"; } }


    HTML
      [!InstagramGraphAPI!]


    2022/10/25追記

    ↓Instagramapiの再設定はコチラの記事をご覧ください↓

    Instagram Graph API(Ver15.0更新…ヒサシブリ)

    Instagram Graph API(Ver12.0更新…ムムム!)
    ↑「無期限トークン」と「ビジネスアカウントID」の「グラフAPIエクスプローラ」での取得はコチラが最新です

    Instagram Graph API(Ver10.0更新…モウイヤ!)

    Instagram Graph API(Ver9.0更新…モウヤメテ)

    Instagram Graph API(Ver8.0更新…。)

    当記事に全国から多くのアクセス、まことにありがとうございます。弊社は福岡の会社ですが国立大学なども含めお客様は全国となっております。オンラインのみで一度も顔を合わすことなく10年を超えて保守させていただいているお客様もいらっしゃいますので、遠いなとお思いの方でもWEBのことでお悩みの方はお気兼ねななくお問い合わせください。わかる範囲でお答えさせていただきます。

    | 一覧へ |

    CONTACT

    092-406-9941

    受付 9:30~18:00(土・日・祝日除く)

    MEETING

    福岡市近郊は
    無料でお伺いします

    九州