スワイプビューでTikTokの動画を視聴する

サイト訪問者に、サイト上でフルスクリーンプレイヤーを使ってTikTokの動画を次々と視聴してもらいたいと思いませんか?

このガイドでは、TikTokフィードで「スワイプビュー」を有効にする方法と、訪問者にとってどのように機能するかを詳しく解説します。必要なのは、「TikTok Feeds Pro」と、TikTok動画を表示するフィードだけです。

要件:「Swipe View」を利用するには、基本ライセンスレベル以上の「TikTok Feeds Pro」が必要です。

作業を始める前に、WordPressサイトに「TikTok Feeds Pro」がインストールされ、有効化されていることを確認してください。まだフィードをお持ちでない場合は、TikTokフィードの作成方法に関するガイドをご覧ください。

各フィードには、「ビデオプレーヤー設定」があり、訪問者が動画をクリックした際の動作を制御します。動画は、ライトボックスで開く、フィード内でインライン再生する、またはスワイプビューで開くことができます。デフォルトでは、フィードはテンプレートに応じて、ライトボックスまたはインラインプレーヤーを使用します。

「スワイプ表示」は、グリッド、リスト、またはメイソンリーレイアウトを使用しているフィードで機能します。メイソンリーレイアウトを利用するには、プラスライセンスレベル以上が必要です。

以下が今回の内容です:

フィードのスワイプ表示を有効にする

まずは、Swipe View を使用したいフィードを開きましょう。

WordPressの管理画面のサイドバーから、「TikTok Feeds」→「All Feeds」に移動します。次に、フィードの名前をクリックします。

TikTokの「フィード」ページで、フィード名に矢印が付いている「すべてのフィード」ページ

フィードがフィードエディタで開きます。「カスタマイズ」タブで、「ビデオプレーヤーの操作性」をクリックします。

[カスタマイズ] タブの「ビデオプレーヤー体験」にある、矢印が付いたフィードエディタ

次に、「スワイプ」を選択します。

「スワイプ」オプションが選択されている状態でのビデオプレーヤーの操作設定

作業が終わったら、「保存」をクリックしてください。

フィードエディタの上部にある「保存」ボタン

今後、このフィード内の動画は、訪問者がクリックすると「スワイプビュー」で開くようになります。

スワイプビューでの動画視聴

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

「スワイプビュー」を開くには、サイトのフロントエンドにあるフィード内の動画をクリックしてください。

ウェブサイト上のTikTokフィードで、動画の1つに矢印が付いているもの

動画はフルスクリーンの縦型プレーヤーで開き、再生が開始されます。プレーヤーには、TikTokのユーザー名と「フォロー」ボタン、およびキャプションが表示されます。また、「TikTokで視聴」ボタンがあり、再生回数、いいね数、コメント数、シェア数を表示することもできます。

フルスクリーンの「Swipe View」プレーヤーで再生中のTikTok動画。ユーザー名、キャプション、再生回数、およびナビゲーション矢印が表示されています。

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

  • 視聴者は、プレーヤーの横にある矢印をクリックして、動画を切り替えることができます。キーボードでは、上矢印キーと下矢印キー、JキーとKキー、およびPage UpキーとPage Downキーでも操作できます。
  • 訪問者はスペースキーを押して、動画の一時停止や再生を行うことができます。
  • プレーヤーの上部にあるスピーカーボタンをクリックすると、音声をオンまたはオフにできます。Mキーでも操作できます。
  • 左上の隅にある「X」をクリックして、プレーヤーを閉じてください。Escキーでも閉じることができます。

以上です!これで、TikTokフィードで「スワイプビュー」を有効にする方法と、訪問者にとってどのように機能するかがわかりました。次は、1つのページに複数のTikTokフィードを表示する方法についてのガイドをご覧ください。

よくある質問

以下では、TikTok動画向けの「Swipe View」に関するよくある質問のいくつかにお答えします。

Swipe View ではどのレイアウトが利用できますか?

「スワイプ表示」は、グリッド、リスト、およびメイソンリーの各レイアウトで利用できます。

フィードをこれらのレイアウトのいずれかに変更するには、フィードエディタで「レイアウト」をクリックします。次に、「グリッド」など、希望するレイアウトを選択します。設定が完了したら、「保存」をクリックします。

フィードによっては「スワイプビュー」を使用でき、他のフィードでは使用できないようにすることはできますか?

はい。各フィードには独自の「ビデオプレーヤー体験」設定があります。一部のフィードでは「スワイプ」を選択し、他のフィードではライトボックスやインラインプレーヤーのままにすることもできます。

テンプレートを変更した後、フィードで「Swipe View」が表示されなくなったのはなぜですか?

各テンプレートには、それぞれ独自の「ビデオプレーヤー体験」設定が用意されています。つまり、テンプレートを選択すると、この設定も変更される可能性があります。テンプレートを変更したら、「ビデオプレーヤー体験」をクリックしてください。次に、「スワイプ」を再度選択します。設定が完了したら、「保存」をクリックしてください。

「スワイプビュー」を有効にしたのに、なぜ動画が以前と同じ方法で開いてしまうのですか?

「スワイプ表示」は、グリッド、リスト、またはメイソンリーレイアウトを使用しているフィードで機能します。お使いのフィードがこれらのレイアウト以外を使用している場合は、フィードエディタの「レイアウト」設定で、これらのいずれかに切り替えてみてください。

サイトでキャッシュプラグインを使用している場合、訪問者にはフィードを保存する前のページのコピーが表示されることがあります。その場合は、サイトのキャッシュをクリアしてください。手順の詳細については、「WordPressでキャッシュをクリアする方法」をご覧ください。

「スワイプビュー」では、動画は音声付きで再生されますか?

一部のブラウザでは、動画はミュート状態でしか再生を開始できません。その場合、プレーヤーに「タップしてミュートを解除」というヒントが表示されます。音声をオンにするには、スピーカーボタンをクリックするか、Mキーを押してください。

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

Swipe Viewはフロントエンドで動作するため、まずサイト上でフィードが表示されているページを開いてください。その後、動画を1つクリックして、Swipe Viewで開いてください。

Swipe ViewはGDPRモードでも動作しますか?

GDPRモードがオンの場合、Swipe Viewは訪問者が同意した後にのみ有効になります。

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

フィードエディタで、「ビデオプレーヤーの表示形式」をクリックします。次に、「ライトボックス内」など、別のオプションを選択します。設定が完了したら、「保存」をクリックします。

サポート

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

サポート