超簡単!Instagramの写真をRSSでWebサイトやブログに埋め込んで自動更新する方法
Instagramの投稿写真を自分のWebサイトやブログで掲載する方法があります。
一般的にはInstagramの投稿写真の右下あたりに「○○○」の丸3つのところから埋め込みコードを取得することができるようですが、これだと自動で特定の場所に掲載することができません。
いろいろ調べたところ、なんとこれを可能にすることができるんです!
それも超簡単!
サルでも分かる!なんとかかんとかってやつですね(笑)
感の良い人はすぐに気が付いただとうけど、InstagramのRSSを取得して表示するだけなんです。
- RSS.stagramでRSSフィードURLを取得
- 複眼RSSで貼り付けコードを取得。
- Webサイトやブログの表示させたい場所にコードを張り付けて完成!
二十歳街道まっしぐらさんのサイトで詳細に説明してくれてるんで参考にどうぞ。
Instagramの写真フィードを自動生成してくれるサービス「RSS.stagram」
仕上がりはこんな感じです↓
投稿したあとに通信回線などによってか、RSSの取得に少し時間がかかっているからか、サイト側でタイムロスはあるものの、自動で写真が追加されていくのは魅力的です。
関連記事
-
損失回避の法則 | Web Marketing用語
※個人的にWebマーケティングの用語を備忘録として掲載しています。 人は利益を獲得すること
-
【ちょこっと豆知識】ブラウザショートカット編
対象のブラウザ IE9、Chrome、Firefox ※全てのブラウザで確認していないから対応して
-
バーナム効果 | Web Marketing用語
よく占いで利用される手法ですが、誰にでも当てはまるような曖昧な内容の表現でも、「あなたは◯◯
-
営業(販促・PR)ツールで使うべき、参考にすべき最強のモーション(動画、ビデオ)インフォグラフィックス20選
以下を読む前にこちらをどうぞ! ※すみませんが、自動再生中(笑) The Economy of C
-
同調現象 | Web Marketing用語
周囲の人間と同じ行動をしていると安心し、逆に自分1人だけが違う行動をしていると不安を覚えるこ
-
WordPress Jetpack 余計なCSSやJSの読み込みを 削除して表示速度を早くする方法
Wordpressプラグインでサイトの表示速度を遅くすると有名なJetpackプラグイン。
-
CSS3でマウスオーバーで押した風なボタンを作る方法
少しでも表示速度を速くすることを念頭においていることで、ほとんど?のボタンなどのパーツはでき
-
アンカリング効果 | Web Marketing用語
人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデー
-
Googleアカウント、Gmailの言語設定について
仕事でGoogle Mapで言語設定を変更することになったから覚書として残します。 他
-
CSSで文章の頭文字を大きくする(ドロップキャップ)方法
時として、文字しかないページに装飾したい一つの手段の覚書。 以下のCSSを入れればドロップ