メインコンテンツにスキップ

Instagramハッシュタグからの投稿を埋め込む方法

Instagramのハッシュタグを活用して、魅力的なウィジェットを作成しウェブサイトに表示する方法をご紹介します。

Yuko avatar
対応者:Yuko
今日アップデートされました

EmbedSocialを活用することで、Instagramハッシュタグ付きの投稿を取得し、ウェブサイトに表示させることができます。自社発信の情報だけでなく顧客が発信した投稿を魅力的なデザインでウェブサイト表示することで、あなた企業ブランドの信頼感を高め、コンバージョンを向上に繋げましょう。

Instagramハッシュタグ投稿ウィジェットの作成方法の全体の流れは、動画でご確認いただけます。

以下、ステップごとに設定方法をご紹介します。

0. 事前準備

EmbedSocialを通してInstagramからハッシュタグ付き投稿を取得を希望される場合には、Instagram APIの仕様により、Instagramアカウントのビジネスプロフィール化・Facebookページとの接続が必要となります。

設定方法詳細は以下をご参照ください。

1. EmbedSocialにログインしてソースの追加ページに進む

EmbedSocialにログインして管理画面に進み、左側メインメニューの「ソースを追加」をクリックします。

EmbedSocial管理画面でソースを追加する

1. Instagramを選択

ソースとして選択できるプラットフォームの一覧ページに移動しますので、「Instagram」を選択します。

Instagramを選択

2. ハッシュタグオプションを選択

EmbedSocialで収集できるInstagramソースタイプが表示されるので、「#ハッシュタグ」オプションを選びます。

ハッシュタグオプションを選択

「次へ」をクリックして次のステップに進みます。

次のステップへ

3. Instagramアカウントを管理しているFacebookアカウントと接続

上述した通りInstagram公式APIの仕様により、Instagramハッシュタグの投稿を収集するためには、EmbedSocialと、(Instagramビジネスアカウントと連携している)Facebookアカウントの接続が必要となります。

この設定のため、以下の画面が表示されたら「Facebookと接続する」をクリックしてお進み下さい。

Facebookと接続

4. ログインと接続の完了

指示に従い設定を進め、Facebookとの接続を完了します。

この過程で一度Facebookへのログインが必要になりますが、接続設定が正常に完了すると、自動でEmbedSocialの設定画面に戻ります。

ログインと接続の完了

5. ハッシュタグを入力

ハッシュタグ入力欄をクリックし、特定のInstagramハッシュタグ(例: #embedsocial活用デモ)を入力します。

ハッシュタグを入力

6. ソースの接続

「ソースの接続」をクリックし、入力したハッシュタグ付き投稿の収集を設定します。

ソースの接続

7. ウィジェットの作成

集めた投稿の利用目的として「ウィジェットの作成」を選んで次に進みます。

ウィジェットの作成

8. テンプレートの選択

ウェブサイトに表示するデザインイメージに近いテンプレートを選びます。

テンプレートの選択

なおこちらで表示されるデザインテンプレートの種類は以下の通りです:

  • 「AIで始める」を選択すると、テンプレートを使わず、自然言語でウィジェットのデザインを指示しながらデザインすることができます(バイブコーディング)。こちらを選択した場合については後半でご説明します。

  • AIアイコン✨がついたテンプレートを選ぶと、テンプレートをベースに自然言語でAIと会話しながらデザインを調整することができます。

  • 一般のテンプレートを選ぶと、テンプレートをベースに様々なデザインオプションをマニュアルで設定しながらデザインを調整できます。

この記事では、「AIアイコン✨がついたテンプレート」の一つを選んで進みます。

9. AIによる生成

AIエディター画面に移動しますので、AIにチャット形式で指示を出しながらデザインを調整します。指示を出す際には「生成する」ボタンをクリックします。

AIによる生成

また、編集画面上部メニューにある各設定ページでは、以下のような編集を行うことができます:

  • エディター:全体的なデザインの調整が可能です。表示する投稿数を変えたり、テキストやカードの色やスタイルなど、詳細な調整が可能です。CSSを追加することもできます。

  • リンク:各投稿に指定のWebページや商品情報へのリンクを貼ることができます。

  • モデレーション:投稿の表示・非表示を設定できます。

  • 並べ替え:投稿の表示順を変えることができます。

  • ソース:他のソース(SNSアカウントやGoogleロケーション)からも投稿やクチコミを収集する設定ができます。

10. デザインの確定

デザインの調整が済んだら、エディター右上の保存ボタンをクリックして編集した内容を確定します。

デザインの確定

11. 埋め込み用コードを取得

エディター左側メニューの「埋め込み」を選択し、Webサイト埋め込み用コードの取得画面へ移動します。

埋め込みメニューへ移動

埋め込み用コードにはいくつかのタイプがありますので、制作中のWebページに適したタイプをお選びください。

「コードをコピーする」をクリックし、サイトに埋め込むコードをコピーして、ウェブサイトに貼り付ければ、設定は完了です。

コードをコピー

【NEW】AIエディターでInstagramハッシュタグウィジェットを作成する方法

理想的なウィジェットをより早く作成するために、最初からAIにプロンプトで指示を出してウィジェットを作成することもできます(バイブコーディング)。

AIエディターを開く

ステップ8のデザインテンプレートの選択画面で、「AIで始める」をクリックして、AIによるウィジェット作成を開始します。

AIで始める

ウィジェットの説明を入力

作成したいウィジェットの説明を入力します。入力内容が具体的であるほど、思い通りのデザインに近づきます。

EmbedSocialのバイブコーディング画面でウィジェットの説明を入力する

「生成する」をクリックすると、AIがウィジェットを自動で作成します。

AIで自動作成

デザインの微調整

テンプレートを利用した場合と同じく、AIとチャットしながらデザインを微調整します。完了したら設定を保存します。

デザインの微調整

埋め込みページでコードを取得しコピーする

「埋め込み」ページを開きます。

埋め込みページを開く

埋め込み用コードをコピーして、WEBサイトに貼り付けます。

埋め込み用コードのコピー

設定は以上です。

Instagramハッシュタグから投稿を取得する場合の注意事項

EmbedSocialでは各SNSのAPIを使用して投稿を収集しているため、収集可能な投稿は各SNSのAPIの仕様により一部制限されます。詳細は以下をご覧くださいませ。

初回設定時に収集可能な投稿

InstagramのAPIの仕様により、新規ハッシュタグ設定直後に取得できる投稿は、直近24時間のトップ投稿20件、および最新投稿20件です。

プランごとの仕様の違い

APIのリターンで収集可能な投稿のうち、PRO・PRO PLUSプランの場合3時間毎に20件ずつ、プレミアム・ENTERPRISEプランの場合30分ごとに20件ずつシステムがユーザーの投稿を収集します。プランごとの機能比較詳細は、こちらをご確認くださいませ。

音源つき動画の取得

リールやストーリーなどの動画を取得される場合には、著作権を含む音源が追加された動画は収集されない可能性が高くなることが確認されています。

APIからの投稿収集は、各SNS 側の制限やユーザー様側の操作(例:ハッシュタグを後から追加した場合)など原因が複雑に重なり、一切の漏れのない投稿収集を保証することはできません。その点ご理解いただいた上でのご利用を何卒よろしくお願いいたします。

EmbedSocialとは?

SNSの投稿や口コミなどUGC(ユーザー生成コンテンツ)を収集してウェブサイトへ埋め込み表示させるツールです。AIバイブコーディングにより自然言語での指示だけで、SNS投稿を洗練されていてかつ機能的なウィジェットに変換して、WEBサイトに表示させることができます。

世界中で利用されており、国内だけでも800社以上に活用されています。

無料トライアルはこちら からお試しください。

ご不明な点は、いつでもお問い合わせください。担当チームから回答させていただきます。

  • サブスクリプション・ご契約等に関するお問い合わせ先:セールスチーム

  • 操作方法についてのお問い合わせ先:カスタマーサクセスチーム

    • 画面右下のチャットボタンからお問い合わせください

こちらの回答で解決しましたか?