Instagramリールをスワイプビューで表示する

あなたのサイト上で、訪問者がスワイプ操作で閲覧できるフルスクリーンプレーヤーでInstagramリール動画を視聴できるようにしたいですか?

このガイドでは、Instagram Feed ProのSwipe Viewの仕組みと、そのオン/オフの切り替え方法を詳しく解説します。必要なのはInstagram Feed Proと、リールが表示されるフィードだけです。

要件: Swipe View には Instagram Feed Pro バージョン 6.14.0 以降が必要です。これは、有料ライセンスのどのレベルでも利用可能です。

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

スワイプ表示はデフォルトで有効になっています。つまり、フィード内のリール動画は、設定不要で自動的にスワイプ表示で開きます。

以下が今回の内容です:

リール動画をスワイプ表示で視聴する

まず、訪問者がどのようにスワイプビューを見ているのかを見ていきましょう。

スワイプビューを開くには、サイトのフロントエンドにあるフィード内のリールをクリックします。

ウェブサイト上のInstagramフィードで、最初の位置にリール動画が表示されている。

リールは全画面表示の縦型プレーヤーで開き、再生が開始されます。プレーヤーにはキャプションと「Instagramで見る」ボタンも表示されます。フィードにアカウントが含まれている場合は、アカウントのユーザー名、フォローボタン、いいね数、コメント数も表示されます。

フルスクリーンのスワイプビュープレーヤーで再生されるリール動画。キャプション、いいね数、コメント数、ナビゲーション矢印が表示されます。

訪問者は以下のようにプレーヤーを利用できます。

  • リール間の移動は、上下にスワイプするか、スクロールするか、プレーヤー横の矢印をクリックしてください。キーボードの上下矢印キーでも操作できます。
  • 音声のオン/オフを切り替えるには、プレーヤー上部のスピーカーボタンをクリックします。
  • プレーヤーを閉じるには、左上隅にある「×」をクリックします。Escキーでも閉じられます。

スワイプビューでは、フィードに読み込まれたリールのみを順番に表示します。フィード内の写真やその他の動画は、従来どおりライトボックスで表示されます。

注:スワイプ表示は、ライトボックスで投稿を開くフィードのみに適用されます。フィードエディターのライトボックス設定でフィードのライトボックスがオフになっている場合、その投稿はこれまでどおり動作します。

リール動画で従来のライトボックス表示がお好みの場合は、スワイプ表示をオフにすることができます。

スワイプビューのオン/オフを切り替える

この設定を変更するには、 Instagramフィード » 設定に移動します。次に、 「詳細設定」タブをクリックします。

Instagramフィード設定ページ(詳細設定タブに矢印あり)

次に、 「リールのスワイプ表示を有効にする」のトグルスイッチをオンまたはオフにします。オン(デフォルト)の場合、リールはスワイプ表示で開きます。オフの場合、リールは他の投稿と同様に、従来のライトボックスで開きます。

詳細設定で「リールのスワイプビューを有効にする」トグルがオンになっています

完了したら、 「変更を保存」をクリックしてください。

Instagramフィード設定の「詳細設定」タブにある「変更を保存」ボタン

これで完了です!スワイプビューの仕組みとオン/オフの切り替え方法が分かりましたね。次は、 Instagram Feed Proを使ってInstagramストーリーズを表示する方法に関するガイドをご覧ください。あなたのサイトにもストーリーズを表示できるようになりますよ。

よくある質問

以下に、Instagram Reelsのスワイプビューに関するよくある質問とその回答をまとめました。

動画がスワイプビューではなく、従来のライトボックスで開くのはなぜですか?

スワイプビューはリール動画専用です。通常の動画や写真は、従来のライトボックスで開きます。

スワイプビューをプレビューするにはどうすればよいですか?

サイト上で、フィードが表示されているページを開きます。次に、リールをクリックすると、スワイプビューで開きます。フィードエディターのプレビューでは、投稿をクリックするとライトボックスの設定が開きます。

スワイプビューで「いいね!」数とコメント数を表示するにはどうすればよいですか?

いいね数とコメント数は、フィード上で訪問者が投稿にカーソルを合わせると表示されるスワイプビューに表示されます。これらの機能はInstagramビジネスアカウントで利用可能です。

フィードエディターで、 「カスタマイズ」→「投稿」→「ホバー状態」を選択します。次に、 「いいね!/コメントアイコン」にチェックを入れます。完了したら、 「保存」をクリックします。

リール動画はスワイプ表示で音声付きで再生されますか?

スワイプビューは、各リール動画を音声付きで再生しようとします。一部のブラウザでは、動画がミュート状態でしか再生されない場合があります。その場合は、スピーカーボタンをクリックして音声をオンにしてください。

スマートフォンでスワイプビューは動作しますか?

はい。スマートフォンやタブレットでは、ユーザーは上下にスワイプして次のリールへと移動します。

サポート

ドキュメントに答えが見つからない?

サポート