WEBサイト制作時の自分用メモ。
クラウドサービス
- それぞれFreeプランあり
- その他、FacebookやXなど、各種SNS用のウィジェットやWordpress用のプラグイン（無料）があるサービスもあり
Instagram Feed widget by Elfsight
Embed custom Instagram Feeds in just two simple steps.
elfsight.com
EmbedSocial
embedsocial.jp
SnapWidget | Free widgets for your website
Embed your photos with a free responsive Instagram widget and social wall. SnapWidget makes it easy to display Instagram...
snapwidget.com
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プラグイン
Wordpress Instagram フィード プラグイン - Instagram を Wordpress に追加 [2024]
新しい WordPress Instagram プラグイン - InstaShow!大幅なカスタマイズにより、WordPress Web サイトに Instagram フィードを埋め込むことができます。
elfsight.com
WPZOOM Social Feed Widget & Block
Formerly known as "Instagram Widget by WPZOOM". Simple and lightweight widget for WordPress to display your Instagram fe...
ja.wordpress.org
Social Feed Gallery
Formerly known as "Instagram Feed", this is the best plugin for displaying Instagram feeds on WordPress. It also support...
ja.wordpress.org
Smash Balloon Social Photo Feed – Easy Social Feeds Plugin
Formerly "Instagram Feed". Display clean, customizable, and responsive Instagram feeds from multiple accounts. Supports ...
wordpress.org
TCD参考ページ
WordPressサイトにインスタグラムフィードを表示するプラグイン「Smash Balloon Social Photo Feed」の使い方 – ワードプレステーマTCD
WordPressのサイト内にインスタグラムフィードを埋め込む際に最も簡単に活用できるプラグインの紹介です。表示するフィードのデザインやカラム数まで調整できますので、当記事で使い方を解説いたします。
tcd-theme.com
その他まとめサイト（参考）
Javascriptで埋め込む場合
- Instagram Graph APIを使う
- Instagram ProアカウントとFacebookページを連携させる必要がある
- 以前は「jquery.instagramFeed.js」や「Instafeed.js」など、シンプルで使いやすいJSがあったようでが、APIの仕様変更で現在は使えなくなっています。JSを使う場合はAPIの仕様変更に気を付ける必要がありそうです。
参考サイト
【Instagram API】Instagram の投稿内容をサイトにも掲載したい - Qiita
はじめにSNSを利用したブランディング・マーケティング活動が普通になってきている昨今、タイムラインをサイトに掲載しているところも少なくありません。筆者が所属する制作会社にもSNSの投稿をサイトに…
qiita.com
インスタグラムのタイムライン(一覧)を埋め込む最新の方法Instagram Graph APIの使い方
2020年6月29日にインスタグラムの旧API（Instagram API Platform）が完全停止したことにより、インスタグラムのタイムライン（一覧）が表示されなくなってしまって困っている方も多いと思います。もちろん新しいAPI（In
arts-factory.net
【PHP/JavaScript】Instagramを自動更新で埋め込む方法～取得方法から画像付きで紹介～
1.インスタの投稿写真(動画の場合はサムネ)の情報を「Instagram Graph API」を使って取得する方法。2.取得した情報をWebページに表示させるためのPHPとJavaScriptそれぞれのコード。こちらの2つを画像付きで紹介し...
toriton.link
【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】 | QooTechWEB
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装し
engineering.webstudio168.jp
