Instagramウィジェットで、インスタの投稿がホームページに自動で並びます

インスタグラムから投稿を取り込み、ホームページ上に自動で更新される一区画として表示する、埋め込み型の部品です。インスタグラム自体の「埋め込み」とは別物で、そちらは投稿1件分のコードを渡すだけで、あとから更新されません。ウィジェットは投稿ではなくフィードを指しているので、投稿が増えればページも変わります。インスタグラムが公式に用意している方法はすべて実際に試し、スクリーンショット付きで公開しています。

はい、ビジネスアカウントかクリエイターアカウントが必要です。個人アカウントには、外部のウィジェットが使うAPIへのアクセスが開かれていません。これはMetaのルールです。ハッシュタグ・タグ付け・メンションのフィードは、MetaがFacebookページ経由でしか提供していないため、Facebookページも必要です。アカウントの投稿、リール、ストーリーズは、Facebookページなしでインスタグラムに直接接続できます。

CollectSocialsは、インスタグラムの投稿の取得にMetaの公式APIだけを使い、スクレイピングは行っていません。接続はMeta公式のログインと権限の許可画面で行い、パスワードを私たちが見ることも保存することもありません。アカウントについての判断はMetaが行うもので、どのツールも代わりに約束できるものではありません。多くの比較記事が挙げる「非公式な方法で投稿を取得していないか」という点については、以上が私たちの答えです。ほかのツールについては各社に直接確認してください。確認すべき項目は、8つのウィジェットを比較した記事にまとめています。

できます。アカウント、ハッシュタグ、メンション、タグ付け、ストーリーズの5種類に対応しており、5種類とも無料プランで使えます（無料プランで接続できるソースは1つです）。Meta側の制限を2つ先にお伝えします。ハッシュタグ検索は7日間で30個のユニークなハッシュタグまでに制限されています。メンションは設定した時点から先の分しか届かないため、メンションのフィードは最初は空で、その後の数日で埋まっていきます。

インスタグラム公式の埋め込みコードは、instagram.comから読み込まれるスクリプトが実行されて、初めて投稿カードとして表示されます。広告ブロッカーやブラウザのプライバシー設定、同意バナーでそのスクリプトが止まると、画像もキャプションもない2本のテキストリンクだけが残ります。自分のブラウザでスクリプトが読み込まれていれば正常に見えるので、気づきにくい失敗です。実際の画面は検証記事に載せています。

重くならないように作っています。deferのスクリプト1つとコンテナ1つだけで、フィードのリクエストはスクリプトのダウンロードと並行して始まり、描画はShadow DOMの中で行われるのでサイトのCSSに触れません。速度テストのランキングはあえて公開していません。スコアはフィードをページのどこに置くか、何が入っているかで変わるからです。そう判断した理由は、テストデータと一緒に、8つのInstagramフィードウィジェットを同じページで比べた検証で説明しています。

40種類のうち7種類のレイアウト、16種類のテーマすべてとテーマビルダー、モデレーション、Instagramの5種類のソースすべて、そして1日1回の自動同期が含まれます。無料プランで接続できるソースは1つです。無料プランのウィジェットには小さなCollectSocialsのクレジットリンクが入り、有料プランでは外せます。7日間のトライアルでは、すべてのレイアウトとモバイル用の別デザインを含むデザインスタジオの全機能を、クレジットカードなしで使えます。

プランのスケジュールに合わせて自動で同期されます。無料プランは24時間ごとで、上位のプランほど間隔が短くなり、最上位のプランでは5分ごとです。手動で更新したり、コードを貼り直したりする必要はありません。埋め込みコードは、投稿が変わっても同じままです。

すべて選べます。取り込んだ投稿はモデレーションの画面に並び、承認・除外ができ、投稿の文章もその場で編集できます。新しい投稿は初期設定では自動で表示されます。フィードの「Pre-approve posts」をオンにすると、1件ずつあなたの承認を待つようになります。ほかの人が書いた投稿が入ってくるハッシュタグやメンションのフィードでは、この設定がおすすめです。キーワードルールとAIコンテンツフィルターで、入ってくる投稿を先にふるいにかけることもできます。承認・除外・文章の編集はすべてのプランで使え、投稿を先頭に固定するピン留めは有料プランと7日間のトライアルで使えます。

HTMLを貼り付けられるブロックがあるビルダーなら、Plain HTMLのコードをそのまま貼り付けられます。スクリプトが取り除かれる場合や、貼り付けたコードが小さな枠に閉じ込められて正しく表示されない場合は、埋め込みの画面でWixかSquarespaceを選んだときに出るiframe形式のコードを使うと、フィード自体は表示されます。高さの自動調整はスクリプトが動くときだけ働き、動かない場合は固定の高さの枠の中でスクロールする表示になります。

できます。1つのフィードに、Facebook、YouTube、TikTok、Googleの口コミ、Pinterestを含む10のプラットフォームを組み合わせ、1つのウォールにできます。X（旧Twitter）以外のプラットフォームはすべて無料プランで使えます。Xだけが有料なのは、XがAPIの利用に料金をかけているという1つの理由からです。無料プランで接続できるソースは1つなので、複数のプラットフォームを組み合わせたウォールは7日間のトライアルか有料プランで使えます。Facebookと組み合わせる場合は、専用のページで説明しています。