インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法（Instagram Graph API）※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社

テクノロジーカテゴリーの変更を依頼記事元:

irokoto.co.jp

9 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

minimum_sho APIの変更　2020.07

Instagram

2020/07/02 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Firokoto.co.jp%2Fblog%2F20200606%2Fpost-11" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://irokoto.co.jp/blog/20200606/post-11">インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法（Instagram Graph API）※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社</a><a href="https://b.hatena.ne.jp/entry/s/irokoto.co.jp/blog/20200606/post-11">はてなブックマーク - インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法（Instagram Graph API）※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法（Instagram Graph API）※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社

こんにちは、isshyです。前回の記事からもう１ヶ月が経とうとしています・・・早いですね。。今回はIns... こんにちは、isshyです。前回の記事からもう１ヶ月が経とうとしています・・・早いですね。。今回はInstagram(インスタグラム)の投稿画像を、Instagram Graph APIを使ってWebサイトに表示させる/埋め込む方法を書いてみました。（実装ページはこちら）いままで使っていた旧Instagram APIは2020年6月29日で廃止になりました。今回のやり方に変更しないと投稿画像が表示されなくなりますのでご注意ください。(詳しくはインスタグラムのデベロッパー向けサイトにて) 事前に準備するもの・Facebookアカウント・Instagramアカウント・スマートフォンビジネスアカウントに変更するスマートフォンにてInstagramにログイン（PCでは×）メニューより「設定」→「アカウント」→「プロアカウントに切り替える」を選択カテゴリを選択、その後「クリエイター