kishikenWebサイトにInstagramの特定のハッシュタグ投稿一覧を埋め込む方法を教えます。2016年以降、特定の#ハッシュタグの付いた写真を一覧表示する事が、難易度高くなってしまい、有料のサービスを使うなどしなければならなくなってしまいました。apiの規約変更に関して、詳しくはこちらhttps://arrown-blog.com/instagram-api-policy-changed/特定のハッシュタグの付いた写真を一覧表示する方法は、いろいろ探しましたが、無料では出来ないです(2018年5月現在)。※ブログを見ていただいた方から、複眼feedというWEBサービスを教えていただきました。こちらのサービスでもインスタのハッシュタグ一覧埋め込みが出来るようです。有料のサービスはどれも高額で、月額が3万円ほどかかるサービスばかりで、導入の敷居が非常に高いのが現状です。ある、インスタハッシュタグキャンペーンページは、このような業者に委託して作っているようです。Feedを使用して、自力で特定の#ハッシュタグの付いた写真を一覧表示する方法を教えます。この方法であればプラグインの購入費30ドル程で実現が可能です。2プラグインのフォルダを開く。Feedとはスマートフォン向けの写真・動画共有アプリのインスタグラムに投稿した写真や動画をWordPressの記事やサイドバーなどに表示できるプラグインです。このプラグインは、Instagramの利用者向けのプラグインです。ショートコードを利用して自分のアカウントの写真や動画も表示できます。wordpressのプラグインという事ですが、wordpressで構築してないサイトでも使用することが出来ます。CMSを特に使っていない、静的なHTMLのページでも使えるのが特徴です。Feedで実現できること特定の#ハッシュタグの付いた写真を一覧で表示したり、特定のユーザーの写真を一覧で表示したりすることが出来ます。https://smashballoon.com/instagram-feed/demo/ライセンス購入こちらのページにてプラグインを購入します。Version」を選択します。Version」を選択した場合、なぜか請求額が70ドルに増えます。Standaloneバージョンを購入すると、ライセンスキーとプラグインをダウンロードするためのリンクが表示された購入確認画面が表示されます。この情報は、チェックアウト時に指定した住所でも電子メールで送信されます。ライセンスキーをメモし、ダウンロードリンクをクリックしてプラグインのzipファイルをダウンロードします。2プラグインのフォルダを開く。プラグインのzipファイルをダウンロードして解凍すると、次のファイル構造が表示されます。スタンドアロンファイル構造の構造は、このようになっています。2つのメインファイルはexample.htmlで、フィードをウェブサイトに統合する方法の例と、同じページに複数のフィードを表示する方法の例を含むmultiple.htmlです。3htmlを開く個々のフィード設定を行うには、example.htmlをテキストエディタで開いた後に次のように表示されます。以下のように、指示された場所にアクセストークンとInstagramユーザーIDを入力します。このツールを使用してアクセストークンを取得する:スタンドアロンアクセストークンツールこのツールを使用して、ユーザーID:ユーザーIDツール5htmlの組み込みHTMLページを受け入れるWebページ、ページエディタ、ウィジェット/モジュール、またはサイトやCMSのどこにでもexample.htmlファイルの内容全体をコピーして貼り付ける(コメントを除外することができます)。“instagram-feed”フォルダをWebサーバーにアップロードします。重要:ページ内のファイルを含むコード内のファイルパスを変更して、サイト上のファイルの場所を反映させます。7表示確認ブラウザーでページを表示し、表示されているフィードを表示します。InstagramフィードIDを使用してどのように表示されるかの例です:8カスタマイズオプションフィードオプションオブジェクトにカスタマイズオプションを追加することで、プラグインをカスタマイズすることができます。Settingsページで利用できます。plugin・instagram・インスタグラムこんな記事も読まれています。簡単!Googleマップのカスタマイズ。マップデザインの色を変更するサンプル。kishiken.comコメントは停止中です。FameThemes。