COLUM

コラム

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

Instagram API仕様変更・終了・廃止にともない、インスタグラムのを埋め込み方法が、変わってしまいました(ToT)。

「インスタグラム始めたので、ホームページへ掲載してください」という、クライアント様のご要望に応えるべくいつもの作業を実施しようとしたところ、仕様変更でトークン取得がすごく面倒なことに!

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

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

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

スニペット 
$instagram = null;
$instagram_business_id = '【InstagramビジネスアカウントID】'; 
$access_token = '【3段階目のアクセストークン】';
$post_count = 8;
$query = 'name,media.limit(' . $post_count. '){caption,like_count,media_url,permalink,timestamp,thumbnail_url,media_type}';
$get_url = 'https://graph.facebook.com/v5.0/' . $instagram_business_id . '?fields=' . $query . '&access_token=' . $access_token;
$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;
  }
}
foreach($instagram->media->data as $post){
if($post->media_type=='VIDEO'){ $src='<img src="'.$post->thumbnail_url.'" />';}
else{$src='<img src="'.$post->media_url.'" />';}
echo '<a href="'.$post->permalink.'" class="instagram" target="_blank" rel="noopener noreferrer">'.$src.'</a>'."\n";
}

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

HTML
<div id="instapi">[!InstagramGraphAPI!]</div>

| 一覧へ |

CONTACT

092-406-9941

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

MEETING

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

九州