Instagram Feed Pro を使って Instagram ストーリーを表示する

「Instagram Feed Pro」を使ってサイトにInstagramストーリーを表示する方法、そしてストーリーがグリッド投稿よりもエンゲージメントを高める理由。

ウェブサイトから直接、訪問者にあなたの公開中のInstagramストーリーを見てもらいたいですか？

Instagram Feed Pro では、訪問者がフィードのヘッダーにあるプロフィール写真をクリックすると、現在公開中のストーリーをポップアップ形式のライトボックスで開くことができます。

このガイドでは、ストーリーに必要な要素、その有効化方法、および訪問者がストーリーを閲覧する方法について説明します。

作業を始める前に、Instagram Feed Proがインストールされ、有効化され、Instagram ソースに接続されていることを確認してください。

• ストーリー制作に必要なもの
• フィードにストーリーを表示する
  • フィードを作成または開く
  • 「ストーリーを含める」をオンにする
• 訪問者がストーリーをどのように閲覧するか
• よくある質問

ストーリー制作に必要なもの

物語がうまく機能するのは、以下の条件がすべて満たされている場合です。

• Instagram Feed Pro。すべてのライセンスレベル（Basic、Plus、Elite）にInstagram Storiesが含まれています。無料版プラグインでは「Storiesを含める」設定が表示されますが、ロックされた状態になっており、アップグレードを促すメッセージが表示されます。
• フィードの最初の情報源として「Business Advanced」が設定されている場合。記事は、Facebook経由で接続された情報源（つまり「Business Advanced」接続）に対してのみ生成されます。フィードに複数の情報源がある場合、「Instagram Feed Pro」は最初の情報源のみを参照します。
• そのInstagramアカウントには、少なくとも1件のアクティブな投稿があります。
• フィードのヘッダーが表示され、ヘッダースタイルは「標準」、「枠付き」、または「中央揃え」のいずれかになります。

「Business Basic」として連携されたソースでは、ストーリーが表示されません。「Personal」のソースは、Instagramが2024年12月4日にPersonalアカウントへのAPIアクセスを終了したため、もはや一切使用できなくなりました。

ソースを再接続する手順については、Instagram Business Basicのガイドをご覧ください。

次に、フィード内のストーリーを有効にします。

フィードにストーリーを表示する

「ストーリー」は、フィードカスタマイザーの「ヘッダー」セクションにある設定項目であるため、新しいフィードや既存のフィードに追加することができます。

フィードを作成または開く

1. WordPressのダッシュボードで、「Instagramフィード」»「すべてのフィード」に移動します。
2. 新しいフィードを作成するには、「新規追加」をクリックしてください。既存のフィードを使用する場合は、その名前をクリックして、次のセクションに進んでください。
3. 「フィードの種類を選択」画面で、「ユーザーのタイムライン」を選択し、「次へ」をクリックします。
4. フィードのソースとして「Business Advanced」を選択し、「次へ」をクリックします。
5. 「テーマから始める」または「テンプレートから始める」画面が表示されたら、フィードの作成開始点を選択し、「次へ」をクリックします。フィードカスタマイザーが開くまで、各画面でこの操作を繰り返します。

[新規追加] をクリックすると、「フィードの種類を選択」画面が表示されます。

「ストーリーを含める」をオンにする

1. フィードカスタマイザーの「カスタマイズ」タブで、「ヘッダー」をクリックします。
2. 上部の「有効」スイッチがオフになっている場合は、オンにしてください。
3. 「ヘッダースタイル」が「テキスト」に設定されている場合は、「標準」、「枠付き」、または「中央揃え」を選択してください。「記事を表示」設定は、「テキスト」スタイルでは表示されません。
4. 「ストーリーを含める」がオフになっている場合は、オンにしてください。新しいフィードでは、デフォルトでオンになっています。
5. 任意です。「表示間隔」に、各フォトストーリーの表示時間をミリ秒単位で入力してください。空欄のままにすると、5000（5秒）となります。使用される最小値は500です。空欄のフィールド内にある「500」は単なるプレースホルダーです。
6. 「更新」をクリックしてフィードを保存してください。
7. ページにフィードを表示するには、「埋め込み」をクリックします。その後、「ページに追加」を選択するか、フィードのショートコードをページに貼り付けてください。

次に、訪問者の目には何が映るのかを見ていきましょう。

訪問者がストーリーをどのように閲覧するか

フィードの最初のソースにアクティブなストーリーがある場合、ヘッダーのプロフィール写真の周囲に色付きのリングが表示されます。訪問者がプロフィール写真をクリックすると、ポップアップのライトボックス内で、古いものから順にストーリーが次々と開きます。各写真は「切り替え間隔」の間表示され、動画は再生終了すると次の動画に切り替わります。

「ストーリーを含める」がオフになっている場合、または表示するアクティブなストーリーがない場合、プロフィール写真は通常のリンクになります。これをクリックすると、新しいタブでInstagramのプロフィールが開きます。

ストーリーはフィードのヘッダーデータとともに保存されるため、フィードのキャッシュが更新されると新しいストーリーが表示されます。サイトでGDPR設定が有効になっている場合、訪問者が同意をして初めてストーリーが開かれます。

以上です！アカウントに公開中のストーリーがある場合、訪問者はフィードのヘッダーにあるプロフィール写真をクリックして、ポップアップのライトボックスでストーリーを視聴できます。Facebook経由でソースを連携する必要がある場合は、「Instagram Business Advanced」のガイドをご覧ください。

よくある質問

以下に、Instagramストーリーに関するよくある質問への回答をまとめました。