インスタグラムの投稿を自社のホームページやブログにも表示したい場合どうするか。インスタの投稿単位であれば標準の埋め込み機能を使えばよいが、インスタの最新記事一覧を埋め込むことはできない。そこで、専用のプラグインかWEBサービスを活用ができないか探してみた。
「SnapWidget」というWEBサービスを使えばホームページやブログにインスタグラムの最新記事一覧が簡単に挿入できることがわかった。
インスタグラムの最新記事一覧を表示する
「SnapWidget」を使用した結果
蕎麦食べ歩き北陸https://sindan.org/に、遠田が蕎麦のことを紹介しているインスタグラムの最新記事一覧を埋め込んでみた。
▼蕎麦食べ歩き北陸https://sindan.org/の下部
画像をクリックすると、該当記事が開く。ただし、インスタグラムの記事が直接開くわけではなく「snapwidget」のページが表示される。そのページからクリックするとインスタグラムの該当記事を表示させることができる。このワンクッションはこのWEBサービスを使う以上はやむをえないだろう。実用上はそれほど問題がなさそうなので、このまま使ってみることにする。
「SnapWidget」の設定方法
「SnapWidget」を設定するには、https://snapwidget.com/にてユーザー登録をする必要がある。登録は簡単で、メールアドレスとパスワード（自分で決めることができる）などを設定すればすぐに使える。
設定したら「UPDATE＆GETWIDGET」をクリックする。すると、ポップアップで埋め込むソースが表示されるので、その部分をコピーする。
上記のソースは以下の通り。
<!– SnapWidget –>
<script src=”https://snapwidget.com/js/snapwidget.js”></script>
<iframe src=”https://snapwidget.com/embed/692987″ class=”snapwidget-widget” allowtransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none; overflow:hidden; width:100%; “></iframe>
<div style=”font:10px/14px ‘Roboto’,’Helvetica Neue’,Arial,Helvetica,sans-serif;font-weight:400;width:100%;text-align:right”><a href=”https://snapwidget.com” style=”color:#777;text-decoration:none;”>SnapWidget · Instagram Widget</a></div>
基本的にはこのままコピペで貼り付ければよい。
しかし、このまま貼り付けると作者表示の部分が冗長なので削除し、実際には記事部分のみを貼り付けた。
▼実際に使用したソース
<!– SnapWidget –>
<script src=”https://snapwidget.com/js/snapwidget.js”></script>
<iframe src=”https://snapwidget.com/embed/692987″ class=”snapwidget-widget” allowtransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none; overflow:hidden; width:100%; “></iframe>
これを表示したいブログ（WordPressなど）に埋め込めばいい。
WordPressのウィジェットに貼ってみた。
▼フッターウィジェット
WordPressで表示する方法としては、ウィジェットを使わない方法もあるが、今回は手早くできる方法としてすでに使用していたウィジェットに貼り付けた。
Smash Balloon Social Photo Feedのほうがいいかも…
【2020年7月23日追記】
「SnapWidget」の表示が乱れることが多くなり、「Smash Balloon Social Photo Feed」に変更しました。
この記事を書いた遠田幹雄は中小企業診断士です
遠田幹雄は経営コンサルティング企業の株式会社ドモドモコーポレーション代表取締役。石川県かほく市に本社があり金沢市を中心とした北陸三県を主な活動エリアとする経営コンサルタントです。
小規模事業者や中小企業を対象として、経営戦略立案とその後の実行支援、商品開発、販路拡大、マーケティング、ブランド構築等に係る総合的なコンサルティング活動を展開しています。実際にはWEBマーケティングやIT系のご依頼が多いです。
民民での直接契約を中心としていますが、商工三団体などの支援機関が主催するセミナー講師を年間数十回担当したり、支援機関の専門家派遣や中小企業基盤整備機構の経営窓口相談に対応したりもしています。
保有資格：中小企業診断士、情報処理技術者など
会社概要およびプロフィールは株式会社ドモドモコーポレーションの会社案内にて紹介していますので興味ある方はご覧ください。
お問い合わせは電話ではなくお問い合わせフォームからメールにておねがいします。新規の電話番号からの電話は受信しないことにしていますのでご了承ください。
【反応していただけると喜びます（笑）】
記事内容が役にたったとか共感したとかで、なにか反応をしたいという場合はTwitterやフェイスブックなどのSNSで反応いただけるとうれしいです。
遠田幹雄が利用しているSNSは以下のとおりです。
facebook https://www.facebook.com/tohdamikio
ツイッター https://twitter.com/tohdamikio
LINE https://lin.ee/igN7saM
チャットワーク https://www.chatwork.com/tohda
また、投げ銭システムも用意しましたのでお気持ちがあればクレジット決済などでもお支払いいただけます。
※投げ銭はデジタルコンテンツ購入という通販のしくみにしました。
※投げ銭は100円からOKです。シャレですので笑ってください（笑）
