COLUM
コラム
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 'InstagramGraphAPI(任意)という名前を付けてスニペットを作成します。
なお、上記には遅延読込を追記しているので、下記を併記すること
遅延読込を使いたくない場合は下記の通りです。
・
・
・
if ($instagram == null) {
echo 'Instagramにてエラーが発生しています!';
}else{
foreach($instagram->media->data as $post){
if($post->media_type=='VIDEO'){ $src='
';}
else{$src='
';}
echo '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のことでお悩みの方はお気兼ねななくお問い合わせください。わかる範囲でお答えさせていただきます。
カテゴリ
最新記事
- MODX Evolution 1.2.0J 日本語版
- Wayfinder でメニューを生成
- 久々にDNS設定で悩む
- Instagram Graph API(Ver22.0更新)+ショッピングカートへの埋込
- 怪しいアクセス
- 他者様から弊社に保守管理の変更依頼
アーカイブ
- 2026年1月 (1)
- 2025年12月 (1)
- 2025年9月 (1)
- 2025年3月 (1)
- 2025年1月 (1)
- 2024年7月 (1)
- 2024年6月 (6)
- 2024年4月 (1)
- 2024年2月 (1)
- 2023年9月 (1)
- 2023年8月 (1)
- 2023年2月 (1)
- 2022年12月 (1)
- 2022年10月 (2)
- 2022年6月 (1)
- 2022年2月 (2)
- 2021年11月 (3)
- 2021年10月 (1)
- 2021年8月 (1)
- 2021年5月 (1)
- 2021年4月 (1)
- 2021年2月 (1)
- 2021年1月 (1)
- 2020年9月 (2)
- 2020年8月 (2)
- 2020年6月 (3)
- 2020年3月 (3)
- 2020年1月 (1)
- 2019年10月 (1)
- 2019年6月 (1)
MEETING
福岡市近郊は
無料でお伺いします



