リンク先を見たら解決。
ここを見る。
![](https://blog.megefeps.info/wp-content/uploads/cocoon-resources/blog-card-cache/ad8e2f0a662f881dff4583e5f6517164.jpg)
インスタグラムのタイムライン(一覧)を埋め込む最新の方法Instagram Graph APIの使い方
2020年6月29日にインスタグラムの旧API(Instagram API Platform)が完全停止したことにより、インスタグラムのタイムライン(一覧)が表示されなくなってしまって困っている方も多いと思います。もちろん新しいAPI(In
順番通りやってれば問題なくできた。
![](https://scontent-lax3-2.cdninstagram.com/v/t51.29350-15/254498497_2983519175220054_4503173512404283064_n.jpg?_nc_cat=107&ccb=1-5&_nc_sid=8ae9d6&_nc_ohc=mmvuikTBWUwAX-Ev5_O&_nc_ht=scontent-lax3-2.cdninstagram.com&edm=AL-3X8kEAAAA&oh=00_AT9q0-jWtjdXWpPOW2TceWuJXQtrxt-baugYYDFAb7wCsw&oe=6208DB44)
20220215追記
jsonから拾ったurlを貼って画像を出してたんだけど、数日経って見返したら消えてた。ひょっとしたらそういうぶっこ抜きは対応してないのかもしれない。jsとかphpで表示させるのが無難ぽい。
メモ
202202現在のグラフAPIは「v13.0」だけど、記事通り「v9.0」で進めても問題なかった。
アクセストークン取得とか「グラフAPIエクスプローラ」とかで出力した内容は、Chromeでやってると全角部分がUnicodeのアレで表示される。Facebookページを複数持ってる場合は全部出ちゃってわからなくなるんで、変換しましょう。
Unicodeエスケープシーケンス変換|コードをホームページに載せる時に便利 | すぐに使える便利なWEBツール | Tech-Unlimited
Unicodeエスケープシーケンスの変換ツール。
活用(出力)について
要するに多次元連想配列なので、分かってる人からすれば簡単だと思う。階層も少ないし。
記事の方ではphpで出力されてる。JSONなのでjsでもいけるはず。
用途
基本的には外部の拡張サービスを使って表示させるのが無難。Instagram側の仕様変更があってもサービス元が更新してくれるから管理が楽。wp環境なら「instagram feed pro」とか、アカウント管理もしやすいし。
自作するにはデベロッパーツールが必要になることが難点で、埋め込む先の管理から外れた場合に譲渡とかどうすんのって面倒がある。譲渡したくても譲渡先がなかったら抱えるしかないし。基本、自分のアカウントに紐付けるのは抵抗がある。
メリットとしては、出力を好き勝手にできるからデザインの自由度が高くなる。Instagram側の仕様変更以外で表示が崩れるリスクがない。自作だから外部サービスが終了する恐怖に怯えなくていいgoogle feed apiで痛い目を見た手前、気になるポイント。
コメント