WEBサイト制作時の自分用メモ。

クラウドサービス

• それぞれFreeプランあり

• その他、FacebookやXなど、各種SNS用のウィジェットやWordpress用のプラグイン（無料）があるサービスもあり

https://elfsight.com/instagram-feed-instashow https://elfsight.com/instagram-feed-instashow

https://embedsocial.jp/p/templates/feed/category/instagram https://embedsocial.jp/p/templates/feed/category/instagram

https://snapwidget.com/widgets https://snapwidget.com/widgets

STUDIOでの使い方

• https://help.studio.design/ja/articles/3305539-instagram%E3%81%AE%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%89%8B%E9%A0%86

• https://note.com/leena333/n/nedc12d5494fe

Wordpressプラグイン

https://elfsight.com/ja/instagram-feed-instashow/wordpress https://elfsight.com/ja/instagram-feed-instashow/wordpress

https://ja.wordpress.org/plugins/instagram-widget-by-wpzoom https://ja.wordpress.org/plugins/instagram-widget-by-wpzoom

https://ja.wordpress.org/plugins/insta-gallery https://ja.wordpress.org/plugins/insta-gallery

https://wordpress.org/plugins/instagram-feed https://wordpress.org/plugins/instagram-feed

TCD参考ページ

https://tcd-theme.com/2020/09/smash-balloon-social-photo-feed.html https://tcd-theme.com/2020/09/smash-balloon-social-photo-feed.html

その他まとめサイト（参考）

• https://embedsocial.jp/blog/wordpress-instagram-plugins/

Javascriptで埋め込む場合

• Instagram Graph APIを使う

• Instagram ProアカウントとFacebookページを連携させる必要がある

• 以前は「jquery.instagramFeed.js」や「Instafeed.js」など、シンプルで使いやすいJSがあったようでが、APIの仕様変更で現在は使えなくなっています。JSを使う場合はAPIの仕様変更に気を付ける必要がありそうです。

参考サイト

https://qiita.com/benjuwan/items/a31e23121456f5c29083 https://qiita.com/benjuwan/items/a31e23121456f5c29083

https://arts-factory.net/insta\_api https://arts-factory.net/insta\_api

https://toriton.link/coding/insta\_embed https://toriton.link/coding/insta\_embed

https://engineering.webstudio168.jp/2022/02/2022-instagram-api-js/#google\_vignette https://engineering.webstudio168.jp/2022/02/2022-instagram-api-js/#google\_vignette