SNS投稿・UGCウィジェット作成の基本操作

この記事では、EmbedSocialでSNS投稿を取得し、そのSNS投稿をウェブサイトに設置するまでの流れを説明します。ここでは、一例としてInstagramアカウントの投稿を取得する流れを説明します。他のSNS（Google含む）も、基本的には同様の流れで設置いただけます。

全体の流れは、こちらの動画でご確認いただけます。

詳細はこちらからご確認ください。

EmbedSocialでSNS投稿や口コミを取得するには、EmbedSocialとSNSプラットフォームとの接続が必要になります。このため、EmbedSocialでのステップを始める前に、投稿の取得を希望するSNSアカウントやGoogleアカウントにログインしておくことをお勧めします。

管理画面のサイドバーにある「ソースの追加」をクリックして、新しいコンテンツの取得先を設定します。

投稿を収集したいSNS（Instagram, TikTok, Facebook,Google, Youtubeなど）を選択します。このガイドではInstagramを選択して進みます。

選択したSNSプラットフォームごとに、投稿や口コミを取得できるアカウントのタイプが表示されます。Instagramの場合、「ビジネスアカウントの投稿」や「ハッシュタグ付きの投稿（PRO Plusプラン以上）」などの選択肢の中から選び、「次へ：アカウントを接続する」をクリックします。

表示されるガイドに従って、SNSプラットフォームとEmbedSocialを接続し連携させます。画面に表示される指示に従い、設定を進めて下さい。

なおSNSやGoogleとの接続設定の過程で、一度SNSプラットフォーム（またはGoogle）へのログインが求められますが、設定が完了すれば、自動でEmbedSocialの設定画面に戻ります。

SNSプラットフォームとの接続が完了すると、投稿の収集が可能なSNSアカウントの一覧が表示されるので、目的のアカウントを選択します。

「ソースの接続」をクリックして、選択したSNSアカウントを投稿の収集元（ソース）として確定します。

「ウィジェットの作成」を選択し、収集した投稿や口コミをウェブサイトに表示するためのウィジェット（投稿や口コミを一つにまとめたパーツ）作成プロセスを開始します。

ウィジェットはゼロから自分で作成することもできますが、テンプレートをもとに編集する方法がおすすめです。

理想のデザインに近いウィジェットテンプレートを選択します。テンプレートは後から変更可能ですのでご安心ください。

テンプレートページで表示されるテンプレートの種類は以下の通りです：

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

AIエディターを活用し、対話形式でデザインを細かく調整することができます。

別のデザインを試したい場合はサイドバーの「テンプレート」をクリックして一覧を開き、試したいテンプレートにマウスを合わせると、ボタンが表示されます。

「テンプレートを使用」をクリックすることで、新しいデザインが即座に適用されます。

「リンク」タブでは、各投稿にCTAボタンや商品タグを設置できます。各投稿から外部のURLや商品ページへ遷移するためのリンク設定が可能です。

「リンク」ページから、購入を促すCTAボタンや、具体的な商品タグを投稿に付与することが可能です。

ボタンのスタイル（色、テキスト）やリンク先は、ブランドに合わせて自由にカスタマイズできます。

「モデレーション」ページでは、ウィジェットに表示する投稿のON/OFFを個別に切り替えて管理できます。

スイッチひとつで、ウィジェットに表示したい投稿だけを簡単に選別できます。

「並べ替え」ページを使用して、ウィジェット内での投稿の表示順序を調整します。

特定の投稿をワンクリックでウィジェットの上部に固定したり、好みの順序に手動で設定できます。

「ソース」ページから、他のSNSアカウントの投稿を追加して一つのウィジェットにまとめることができます。

サイドバーの「フィルター」機能により、投稿内容の関連性や日付などで投稿を一括して絞り込めます。

AIフィルタリングでは、投稿内容を分析し、あらかじめ設定した収集目的に合致しているかどうかを判断してスコア付し、これをもとにフィルタリング可能です。

各設定を変更した場合は、右上の「保存」をクリックして編集内容を確定させます。

サイドバーの「埋め込み」メニューから、ウェブサイトへ埋め込むためのコード取得セクションを開きます。

「遅延読み込みを有効にする」にチェックを入れることで、サイトの読み込み速度を向上させることができます。

生成された埋め込みコードをコピーし、自社サイトのHTMLに貼り付けます。JavaScriptやiframeなど、サイトの環境に合わせたタイプを選択可能です。

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

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

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

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

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

テンプレートを使用した上記の基本操作と同じです。

テンプレートを使用した上記の基本操作と同じです。

テンプレートを使用した上記の基本操作と同じです。

設定は以上です。

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

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

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