メインコンテンツへスキップ

Vimeo OTT のサムネイル バッジ

サムネイル バッジを使うと、ウェブサイトとブランド アプリの両方で、コンテンツのサムネイルにステータス ラベルを自動および手動で重ねて表示できます。新規、新エピソード、まもなく終了 などのバッジはコンテンツの日付に基づいて自動的に表示され、Top 10、Exclusive、Original などのバッジは個々の動画やコレクションに手動で適用できます。この記事では、グローバルなバッジ設定の構成方法、個々のバッジの有効化/無効化、コンテンツへの手動バッジの割り当て方法について説明します。

この記事の内容：

サムネイル バッジとは？

サムネイル バッジは、コンテンツのサムネイルの隅に表示される小さなテキスト オーバーレイです。視聴者がサイトやアプリを閲覧している間に、新着、もうすぐ終了、注目のコンテンツをすばやく識別するのに役立ちます。バッジはウェブ、iOS、Android、TV アプリ（Roku、Apple TV、Amazon Fire TV など）を含むすべてのプラットフォームで表示されます。

すべてのバッジ設定は、OTT 管理画面の Content > Thumbnail Badges から管理できます。

サムネイル バッジの種類

サムネイル バッジには 2 種類があります：

自動バッジ はコンテンツの日付に基づいて表示されます。一度有効にすると、手動の操作なしで表示・非表示が切り替わります。自動バッジには次のものがあります：

  • 新規 — 指定した日数以内（例：直近 1 日）に公開された動画に表示されます。
  • 新エピソード — 指定した「新規」しきい値内に公開されたエピソードを含むシリーズ（コレクション）に表示されます。
  • まもなく終了 — 指定した日数以内（例：今後 30 日以内）に削除予定の動画に表示されます。

手動バッジ は、販売者が個々の動画またはコレクションに割り当てる必要があります。手動バッジには次のものがあります：

  • Top 10 — 上位パフォーマンスのコンテンツを目立たせます。
  • Exclusive — 限定または有料コンテンツに表示します。
  • Original — オリジナル制作物に表示します。

グローバルなバッジ設定の構成方法

グローバル設定は、サイト全体のすべてのバッジのデフォルトの外観と動作を制御します。設定するには：

  1. OTT 管理画面で Content > Thumbnail Badges に移動します。
  2. Global Settings の下で、次のオプションを設定します：
    • Position：バッジをサムネイルの 左上 または 右上 のどちらに表示するかを選択します。
    • Font Weight：Medium (500) または Bold (700) を選択します。
    • Font Family：Google Fonts（Vimeo がホストするフォント）を使用してカスタマイズします。
    • Default Background Color と Default Label Color：プライマリ バッジ カラー スキームの 16 進数カラー値を設定します。
    • Alternative Background Color と Alternative Label Color：特定のバッジに適用できるセカンダリ カラー スキームを設定します。
    ライブ プレビューに、Default と Alternative の両カラー スキームでバッジがどのように表示されるかが示されます。
  3. 自動バッジのしきい値を設定します：
    • 「新規」バッジしきい値（日数）：「新規」バッジを表示する公開後の日数を入力します（例：1 日）。
    • 「まもなく終了」バッジしきい値（日数）：「まもなく終了」バッジを表示する、動画の予定削除日までの日数を入力します（例：30 日）。
  4. Save をクリックして変更を適用します。

個々のバッジの有効化/無効化

Thumbnail Badges ページの Badge Settings で、サイトでアクティブにするバッジを制御できます。

  1. Content > Thumbnail Badges に移動し、Badge Settings までスクロールします。
  2. 各バッジ（新規、新エピソード、まもなく終了、Top 10、Exclusive、Original）について、Enabled チェックボックスを使用して有効化/無効化します。
  3. Save をクリックして変更を適用します。

💡ヒント：自動バッジ（新規、新エピソード、まもなく終了）は有効化するとすぐに表示され始めます — 追加の操作は不要です。手動バッジ（Top 10、Exclusive、Original）は特定の動画またはコレクションに割り当てる必要があります（下記参照）。

個々のバッジの外観をカスタマイズする方法

各バッジに独自の外観設定を設定でき、バッジの種類を視覚的に区別できます。

  1. Badge Settings セクションで、カスタマイズしたいバッジの横にある Toggle advanced options をクリックします。
  2. 次のオプションを設定します：
    • Color Scheme：Default（Global Settings の色を使用）、Alternative（代替カラー スキームを使用）、Custom（このバッジ専用のカラーを設定）から選択します。
    • Font Weight（オプション）：このバッジ専用にグローバル フォント ウェイトを上書きするか、Use global weight を選択してグローバル設定を継承します。
    • Font Family（オプション）：このバッジ専用にグローバル フォント ファミリーを上書きするか、Use global font family のままにしてグローバル設定を継承します。
  3. Save をクリックして変更を適用します。

動画とコレクションへの手動バッジの割り当て方法

手動バッジ（Top 10、Exclusive、Original）は、表示したい動画またはコレクションに個別に割り当てる必要があります。

  1. OTT 管理画面で Content > Videos に移動し、バッジを付けたい動画を選択します。コレクションにバッジを付ける場合は、Content > Collections に移動してコレクションを選択します。
  2. 編集ページで、General settings の下の Thumbnail Badges セクションまでスクロールします。
  3. このコンテンツに表示する手動バッジを選択します：
    • Top 10 — 上位パフォーマンスのコンテンツを目立たせるためにこのバッジを表示します。
    • Exclusive — 限定または有料コンテンツにこのバッジを表示します。
    • Original — オリジナル制作物にこのバッジを表示します。
  4. 右上の Save をクリックします。

⚠️注意：自動バッジ（新規、新エピソード、まもなく終了）はコンテンツの日付に基づいて表示され、手動で割り当てることはできません。有効化されると、対象のコンテンツに自動的に表示されます。

バッジ表示の上限

各サムネイルに同時に表示できるバッジは最大 2 個までです。動画またはコレクションが 2 つを超えるバッジの条件を満たす場合（例：「新規」かつ「Exclusive」「Original」とマークされている場合）、表示されるのは 2 つだけです。

💡ヒント：同じコンテンツで自動バッジと手動バッジを組み合わせる際は、この上限を念頭に置いてください。最良の結果を得るには、自動バッジと競合しないよう、手動バッジを選択的に適用してください。

関連記事