メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

HubSpotコンテンツに動画を追加する

更新日時 2024年 1月 15日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Marketing Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Professional, Enterprise

ファイルツール に動画をアップロードし、ページ、マーケティングEメール、ブログ記事、ナレッジベース記事に追加しましょう。

CTA 、 ドラッグ&ドロップマーケティングEメール 、 ドラッグ&ドロップページ の動画モジュールを使ってHubSpot動画を挿入することもできます。動画は、ページ、ブログ記事、ナレッジベース記事のリッチ テキスト モジュールでもサポートされています。

HubSpot動画を使用する場合、動画の再生前または再生後にCTAやフォームを追加できます。「Enterprise」サブスクリプションのアカウントの場合、動画の任意の時点でCTAまたはフォームを表示したり、訪問者が動画をスキップするのを防いだりできます。

注:この記事では、ページ、投稿、記事、マーケティングEメールでの動画の使用について説明しています。コミュニケーション、1対1のEメール、テンプレート、シーケンスEメールへの動画の追加の詳細はこちらをご覧ください。 

HubSpot Video

連携の準備

  • この記事では、HubSpotにアップロードされた動画ファイルをHubSpotコンテンツに追加する方法について説明します。URLや埋め込みコードから外部動画を追加するには、HubSpotに外部メディアを埋め込むの詳細をご覧ください。
  • 各ブラウザーは異なるファイルタイプをサポートしており、場合によっては、ブラウザーで再生する代わりに動画ファイルをダウンロードします。アップロードされる動画形式が.mp4のファイルはほとんどのブラウザーでサポートされているため、ブラウザー上で再生が行われます。
  • 各ビデオは、ファイルツールのの制限に従います。
  • サイトのアクセシビリティーを高めるために、ファイルツールで動画にaltテキストを追加することができます。ウェブサイトのアクセシビリティーについて詳しくは、開発者ドキュメントを参照してください。 
  • ファイルツールの各動画について、高度な機能をオンまたはオフにすることができます。
    • コンテンツエディターに新しい動画ファイルをアップロードすると、自動的に高度な機能がオンになります。
    • 動画の上限数の引き上げ追加オプションを利用して、高度な機能がオンになっている動画の容量を増やすことができます。 
    • 高度な機能をオンにした動画とオフにした動画の違いの概要を以下に示します。
  高度な機能をオンにした場合 高度な機能をオフにした場合  

動画モジュールでHubSpotコンテンツに動画を追加する 

使用不可

 

HubSpotで動画のパフォーマンスをトラッキングする

ページ、ブログ記事、ナレッジベース記事で利用可能

使用不可

 

動画にフォームやCTAを含める

ページ、ブログ記事、ナレッジベース記事で利用可能

使用不可

 

動画へのダイレクトリンクを生成する

使用不可

 

ファイルツールでの制限

50本の動画

動画数の制限なし

 

URLの共有範囲のカスタマイズ

使用不可

[公開]、[公開 - noindex]、または[非公開]に設定

 

Eメールに動画を追加する

HubSpot動画は、ドラッグ&ドロップEメールエディターの動画モジュールでサポートされています。ほとんどのEメールクライアントは動画に対応していないため、マーケティングEメールに追加した動画は、動画プレイヤーボタン付きのサムネイル画像として表示されます。

このサムネイル画像には、Eメール受信者が動画を再生できるウェブページへのリンクがあります。このページは、Eメールのウェブ版のプライマリードメインでホスティングされます。 

  • HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
  • Eメールの名前をクリックします。
  • サイドバーエディターで動画モジュールをクリックし、Eメールにドラッグします。
  • [動画タイプ]セクションで、[HubSpot動画]を選択します。

add-hubspot-video-to-email-1

    • ファイルツールから動画を選択するには、動画参照をクリックし、既存の動画のサムネイル画像を選択します。
    • 新しい動画をアップロードするには、[アップロード]をクリックし、コンピューター上のファイルを選択します。次に、動画のサムネイル画像をクリックします。
  • 動画のサイズを変更するには、サイドバーエディターで、幅または高さを入力します。
  • 動画の情報をカスタマイズするには、[動画の詳細]セクションで[編集]をクリックします。 
    • 右側のパネルで、[サムネイル画像を変更]をクリックし、動画のプレビュー画像を変更します。
    • スライダーをクリックして動画の特定のポイントにドラッグするか、または[カスタム画像をアップロード]をクリックして、コンピューターから新しい画像を追加します。
    • タイトルのテキスト、説明、メタタグを入力します。これは、検索エンジンが動画の内容を理解するのに役立ちます。
    • [保存]をクリックします。

注:動画の詳細に対する変更は、動画がHubSpotのコンテンツツールで使用される全ての場所に適用されます。


 

  • 動画の再生ボタンの表示を編集するには、[スタイルオプション]をクリックします。
    • 再生ボタンの色をカスタマイズするには、16進値を入力するか、カラーパレットをクリックして色を選択します。
    • 再生ボタンのサイズをカスタマイズするには、ピクセル値を入力するか、スライダーをクリックして特定の位置にドラッグします。再生ボタンのライブプレビューが更新されるまで、数秒間かかることがあります。
       

  • モバイルデバイスの全幅で動画を表示するには、[モバイルデバイスで最大幅として表示]チェックボックスをオンにします。動画が元の寸法よりも大きい幅で表示されることはありません。 
  • 動画を右または左側に移動するには、[位置合わせ]ドロップダウンメニューをクリックし、[左]、[中央]、または[右]を選択します。
  • 動画のサイドにスペースを追加するには、[パディング]スイッチをクリックしてオンに切り替えます。 
    • 動画の全てのサイドに同じパディングを適用するには、[全てのサイドに適用]チェックボックスをオンにします。
    • [上]、[下]、[左]、[右]の各テキストフィールドにパディングのピクセル値を入力します。
       

 

ページ、ブログ記事、ナレッジベース記事に動画を追加する

リッチ テキスト モジュールでブログ記事、ページ、ナレッジベース記事に動画を追加できます。ページ(マイページ)のドラッグ&ドロップエリア、動画モジュールへの動画追加もサポート。 

ページ、ブログ記事、またはナレッジベース記事でリッチ テキスト モジュールに動画を挿入します。

HubSpotの動画を、テキスト、画像、リンクなどのコンテンツと共にリッチ テキスト モジュールに追加できます。

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
  • ページ、投稿、または記事の上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターでリッチ テキスト モジュールをクリックします。
  • [挿入]ドロップダウンメニューをクリックし、[動画]>[HubSpot動画]を選択します。
  • 右側のパネルで、挿入する動画を選択します。
    • ファイルツールから既存のビデオを挿入するには、検索バーを使ってビデオを検索します。次に、動画のサムネイル画像をクリックします。
    • 新しい動画を挿入するには、[動画をアップロード]をクリックし、コンピューター上の動画を選択します。次に、動画のサムネイル画像をクリックします。

 

リッチ テキスト ツールバーで、動画の表示形式をカスタマイズできます。
  • 動画の再生ボタンの色を編集するには、backgroundColorプレイヤーの色ドロップダウンメニューをクリックし、色を選択します。16進値またはRGBカラー値を入力するには、[詳細]タブに進みます。 
  • テキストブロック内の動画の位置を調整するには、inline alignmental 位置合わせアイコンをクリックします。全幅アイコンfullWidthをクリックすると、動画がモバイルデバイス上で常に全幅で表示されるようになります。 
  • 動画のサイズを変更するには、幅と高さのピクセル値を入力します。 
  • 動画の周囲のパディングを編集するには、[間隔]ドロップダウンメニューをクリックし、画像アイコンの境界付近でピクセル値を入力します。
     

Video_Edit 

また、フォームやCTAオーバーレイを追加して、動画プレイヤーの前後に表示することもできます。
  • コンテンツエディターで、動画をクリックしてから、edit 編集アイコンをクリックします。
  • ポップアップボックスで、[CTAまたはフォーム]ドロップダウンメニューをクリックし、[CTA]または[フォーム]を選択します。
  • 埋め込みCTAまたは旧CTAを動画に追加できます。CTAを挿入するには、次のようにします。 
    • [CTA]の下で、[CTAを選択]をクリックします。
    • [CTA]タブまたは[CTA(旧)]タブを選択します。 
    • 新しいCTAを作成するには、右側のパネルで[新規作成]をクリックします。次に、CTAまたはCTA(旧)を作成し、保存をクリックします。 
    • 右側のパネルで、新しく作成したCTAまたは既存のCTAを選択し、[挿入]をクリックします。 
  •  フォームを挿入するには、次のようにします。
    • [フォーム]ドロップダウンメニューをクリックし、フォームを選択します。 
    • 新しいフォームを作成するか、選択する前に既存のフォームを編集するには、[作成または編集]をクリックします。これにより、新しいタブでフォームツールが開きます。 
  • 既定では、動画の終了後にオーバーレイが表示されます。「Enterprise」サブスクリプションをお持ちでない場合は、オーバーレイの表示時間を選択します。
    • 動画の開始前:動画の再生が始まる前にフォームまたはCTAを表示します。
    • 動画の終了後:動画の再生が終了した直後にフォームまたはCTAを表示します。
       
set-display-options-for-video
  • 「Enterprise」サブスクリプションをお持ちの場合は、オーバーレイが表示されるタイミングを正確にカスタマイズできます。 
    • ポップアップボックスの[表示オプション]セクションで、[編集]をクリックします。
       

 

      • 右側のパネルで、[表示時間]ドロップダウンメニューをクリックし、時間オプションを選択します。カスタム時間を選択した場合に時間を指定するには、動画の下にある円をクリックして正しい位置までドラッグするか、[選択された表示時間]フィールドに時間を入力します。 
      • 訪問者がオーバーレイをスキップしないようにするには、[スキップオプション]ドロップダウンメニューをクリックし、[閲覧者に[アセットタイプ]のスキップを許可しない]を選択します。既定では、訪問者はオーバーレイをスキップすることができます。
         

Video_Display_Options

ページ上で動画モジュールに動画を挿入する

HubSpot動画は、ウェブサイトやランディングページのドラッグ&ドロップエリアに追加された動画モジュールでサポートされています。 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
  • ページの上にカーソルを置いて、[編集]をクリックします。
  • 左のサイドバーで、add[追加]アイコンをクリックします。
  • Mediaセクションをクリックして展開し、+ Show moreをクリックすると、全てのメディアモジュールが表示されます。
  • [動画]モジュールをクリックし、ページにドラッグします。

add-video-module

  • サイドバーエディターの[動画タイプ]で、[HubSpot動画]を選択します。
  • ページに追加する動画を選択します。
    • ファイルツールから動画を選択するには、動画参照をクリックし、既存の動画のサムネイル画像を選択します。
    • 新しい動画をアップロードするには、[アップロード]をクリックし、コンピューター上のファイルを選択します。 
  • 動画の最大サイズを設定するには、[最大サイズ]ドロップダウンメニューをクリックし、オプションを選択します。
    • 本来のサイズ:動画が本来のサイズを超えて拡大されることはありません。
    • 全幅:動画は視聴に使われるデバイスの全幅まで最大化されます。
    • カスタム:動画がサイドバーエディターで設定されている特定の幅と高さを超えることはありません。[最大幅]ボックスと[最大高]ボックスに、寸法のピクセル値を入力します。
  • [動画の詳細]セクションで[編集]をクリックして、動画の情報をカスタマイズします。
    • 右側のパネルで、[サムネイル(ポスター)画像を変更]をクリックし、動画のプレビュー画像を変更します。
    • 動画のフレームを使用するには、スライダーをクリックし、動画の特定のポイントまでドラッグし、[[タイムスタンプ]のフレームに更新]をクリックします。 
    • カスタム画像を使用するには、[[ファイル]から選択]をクリックし、ファイルツールで使用したい画像をクリックします。新しい画像を追加するには、Upload imagesをクリックし、コンピューターからファイルを選択します。
    • タイトルのテキスト、説明、メタタグを入力します。これは、検索エンジンが動画の内容を理解するのに役立ちます。
    • [保存]をクリックします。

注:動画の詳細に対する変更は、動画がHubSpotのコンテンツツールで使用される全ての場所に適用されます。


update-video-information

  • [CTAまたはフォーム]セクションで、フォームまたはCTAのオーバーレイを動画に追加できます。 
    • [CTAまたはフォーム]セクションをクリックして展開します。 
    • [CTAまたはフォーム]ドロップダウンメニューをクリックし、オーバーレイの種類を選択します。 
    • フォームを挿入する場合は、[フォーム]ドロップダウンメニューをクリックしてフォームを選択するか、[新規作成]をクリックしてフォームツールで新規フォームを作成します。 
    • 埋め込みCTAまたは旧CTAを動画に追加できます。CTAを挿入するには、次のようにします。 
      • [CTA]の下で、[CTAを選択]をクリックします。
      • [CTA]タブまたは[CTA(旧)]タブを選択します。 
      • 新しいCTAを作成するには、右側のパネルで[新規作成]をクリックします。次に、CTAまたはCTA(旧)を作成し、保存をクリックします。 
      • 右側のパネルで、新しく作成したCTAまたは既存のCTAを選択し、[挿入]をクリックします。 
  • 「Enterprise」サブスクリプションをお持ちでない場合は、オーバーレイの表示時間を選択してください。
    • 動画の開始前:動画の再生が始まる前にフォームまたはCTAを表示します。
    • 動画の終了後:動画の再生が終了した直後にフォームまたはCTAを表示します。
       

    • 「Enterprise」サブスクリプションをお持ちの場合は、オーバーレイが表示されるタイミングを正確にカスタマイズできます。 
      • ポップアップボックスの[表示オプション]セクションで、[編集]をクリックします。 
      • 右側のパネルで、[表示時間]ドロップダウンメニューをクリックし、時間を選択します。カスタム時間を選択した場合、動画の下にあるスライダーをクリックして目的の位置にドラッグするか、[選択された表示時間]フィールドに時間を入力することで、時間を指定できます。 
      • 訪問者がオーバーレイをスキップできないようにするには、[スキップオプション]ドロップダウンメニューをクリックし、[閲覧者にフォーム/CTAのスキップを許可しない]を選択します。既定では、訪問者はオーバーレイをスキップすることができます。
         

        Video_Display_Options

動画にキャプションや字幕を追加する

ファイルツールでは、高度な機能をオンにしたビデオに複数の言語で字幕を追加することができます。そうすることで、音声を聞き取れない訪問者や異なる言語を話す訪問者に対して、動画がより利用しやすくなります。 

  • この作業を始める前に、字幕を「.vtt」ファイルで用意しておく必要があります。
  • 1つの動画につき、最大6個の字幕を追加できます。
  • 各言語は1回しか選択できません。例えば、2種類のフランス語の字幕を使用することはできません。 

動画ファイルに字幕を追加するには、次のようにします。 

  • HubSpotアカウントで、[マーケティング]>[ファイルとテンプレート]>[ファイル]の順に進みます。
  • 字幕を追加する動画の名前をクリックします。 
  • 右側のパネルで、[字幕]セクションをクリックして展開します。 
  • [+新しい言語を追加]をクリックします。
     

 

  • ダイアログボックスで[字幕言語]ドロップダウンメニューをクリックし、言語を選択します。 
  • [ファイルを選択]をクリックして、.vtt字幕ファイルをHubSpotにアップロードします。 
  • [保存]をクリックします。新しい字幕の言語がファイルの詳細に表示され、この字幕を表示、切り替え、または削除することができます。
    • 字幕ファイルの内容を表示するには、[表示]をクリックします。 
    • 特定の言語の字幕ファイルに切り替えるには、[置換]をクリックします。
    • 特定の言語の字幕を削除するには、[削除]をクリックします。 
  • 別の言語での字幕を追加するには、[+新しい言語を追加]をクリックします。 

動画のパフォーマンスを分析する(ページ、ブログ記事、ナレッジベース記事のみ)

HubSpotページ、ブログ記事、またはナレッジベース記事に動画を追加すると、再生数や動画リテンションなどの測定指標によって動画のパフォーマンスを分析できます。コンテンツ詳細ページ、カスタムレポート、コンタクトタイムラインでこれらの測定指標を確認できます。リストやワークフローでメディアインタラクションをフィルタリングすることもできます。

注:ビデオパフォーマンス分析は、HubSpotビデオでのみご利用いただけます。外部の動画ファイルをURLや埋め込みコードで埋め込んでも、HubSpotではアナリティクスが生成されません。

HubSpot Video

ページパフォーマンスの動画ビュー数 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
  • ブログ記事、ページ、またはナレッジベース記事の名前をクリックして、[パフォーマンス]の詳細を表示します。
  • ページ上に複数のHubSpot動画が存在する場合、左上の[動画]ドロップダウンメニューをクリックし、動画を選択します。 
  • ページに対してA/Bテストを実行している場合、[パフォーマンス]タブの上部にある[バリエーション]ドロップダウンメニューをクリックして、バリエーションを選択します。バリエーションが選択されていないと、A/Bテストが実行されたページで動画ビューが表示されません。
  • 動画の再生について分析します。 
    • 動画再生数:訪問者のブラウザーでページに動画が読み込まれた回数です。

      video-views-on-performance-page
    • 動画リテンション:動画コンテンツのどの部分が再生されたかを示す指標。

      video-analytics

コンタクトレコードの動画再生数

コンタクトレコードの動画再生数を表示するには、次の手順に従います。

  • HubSpotアカウントにて、[コンタクト]>[コンタクト]の順に進みます。
  • コンタクトの名前をクリックします。
  • 動画再生数別にコンタクトのアクティビティーを絞り込むには、[アクティビティー]タブをクリックします。続けて、[アクティビティーを絞り込み]をクリックし、[メディアの再生]チェックボックスをオンにします。

filter-for-media-plays

カスタムレポートでの動画再生(「Marketing Hub Professional」および「Enterprise」のみ)

カスタムレポートビルダーを使用すると、動画再生の分析レポートを作成できます:

  • HubSpotアカウントで、[レポート]>[レポート]に移動します。
  • [カスタム レポート ビルダー]をクリックします。
  • カスタム行動イベントをプライマリー データ ソースとして使用するには、[プライマリー データ ソース]ドロップダウンメニューをクリックし、[メディア]を選択します。

    media-plays-custom-report-builder0
  • メディアを非プライマリーソースとして使用したい場合は、[マーケティング]セクションで[メディア]を選択できます。

    media-secondary-source-custom-report-builder0
  • 自分のレポートを作り続ける。 

アトリビューションレポートでの動画再生(「Marketing Hub Entreprise」のみ)

デフォルトでは、動画再生は収益アトリビューションレポートに含まれます。この設定がオフにされている場合、アカウントアクセス権限を持つユーザーは、設定でこのデータソースを再度オンにすることができる:

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで、[トラッキングとアナリティクス]>[アトリビューション]をクリックします。この設定は、アカウントアクセス権限を持つユーザーにのみ表示されます。
  • [インタラクションタイプ]セクションで、[メディアを再生した]スイッチをクリックしてオンに切り替えます。
  • [保存]をクリックします。
  • ダイアログボックスで、変更を確認してから、[保存して再処理を開始]をクリックします。

既存のレポートに動画再生数を追加するための再処理が開始されます。これには、HubSpotアカウントのデータ量に応じて最大2日かかる場合があります。レポートの再処理が完了したら、HubSpotから確認のEメールが送信されます。

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。