HubSpotコンテンツに動画を追加する
更新日時 2023年 5月 23日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
|
|
HubSpot動画を使用すると、ファイルツールに動画をアップロードし、ページ、マーケティングEメール、ブログ記事、ナレッジベース記事に動画を追加できます。
HubSpot動画は、ドラッグ&ドロップマーケティングEメールとページのドラッグ&ドロップエリアの動画モジュールに挿入できます。HubSpot動画は、ページ、ブログ記事、ナレッジベース記事のリッチ テキスト モジュールでもサポートされています。
HubSpot動画と訪問者のやり取りをカスタマイズするときには、動画再生の前後でCTAまたはフォームを表示できます。「Enterprise」サブスクリプションをお持ちのアカウントでは、動画中の任意の時点でCTAやフォームを表示して、訪問者が動画をスキップするのを防止することができます。
注:この記事では、ページ、投稿、記事、マーケティングEメールでの動画の使用について説明しています。コミュニケーション、1対1のEメール、テンプレート、シーケンスEメールへの動画の追加の詳細はこちらをご覧ください。
始める前に
- この記事では、HubSpotにアップロードされた動画ファイルをHubSpotコンテンツに追加する方法について説明します。URLまたは埋め込みコードから外部動画を追加するには、HubSpotでの外部メディアの埋め込みについて詳細をご確認ください。
- 各ブラウザーは異なるファイルタイプをサポートしており、場合によっては、ブラウザーで再生する代わりに動画ファイルをダウンロードします。アップロードされる動画形式が.mp4のファイルはほとんどのブラウザーでサポートされているため、ブラウザー上で再生が行われます。
- 各動画は、ファイルツールの制約の影響を受ける場合があります。
- ファイルツールの各動画について、高度な機能をオンまたはオフにすることができます。コンテンツエディターに新しい動画ファイルをアップロードすると、自動的に高度な機能がオンになります。高度な機能をオンにした動画とオフにした動画の違いの概要を以下に示します。
- 動画の上限数の引き上げアドオンを利用して、高度な機能がオンになっている動画の容量を増やすことができます。
- サイトのアクセシビリティーを高めるために、ファイルツールで動画にaltテキストを追加することができます。ウェブサイトのアクセシビリティーについて詳しくは、開発者ドキュメントを参照してください。
高度な機能をオンにした場合 | 高度な機能をオフにした場合 | ||
動画モジュールでHubSpotコンテンツに動画を追加する | ✓ | 使用不可 | |
HubSpotで動画のパフォーマンスをトラッキングする | ページ、ブログ記事、ナレッジベース記事で利用可能 | 使用不可 | |
動画にフォームやCTAを含める | ページ、ブログ記事、ナレッジベース記事で利用可能 | 使用不可 | |
動画へのダイレクトリンクを生成する | 使用不可 | ✓ | |
ファイルツールでの制限 | 50本の動画 | 動画数の制限なし |
Eメールに動画を追加する
HubSpot動画は、ドラッグ&ドロップEメールエディターの動画モジュールではサポートされていません。ほとんどのEメールクライアントは動画に対応していないため、マーケティングEメールに追加した動画は、動画プレイヤーボタン付きのサムネイル画像として表示されます。
このサムネイル画像には、Eメール受信者が動画を再生できるウェブページへのリンクがあります。このページは、Eメールのウェブ版のプライマリードメインでホスティングされます。
- HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
- Eメールの名前をクリックします。
- サイドバーエディターで動画モジュールをクリックし、Eメールにドラッグします。
- [動画タイプ]セクションで、[HubSpot動画]を選択します。
-
- ファイルツールから動画を選択するには、[動画を参照]をクリックし、既存の動画のサムネイル画像を選択します。
- 新しい動画をアップロードするには、[アップロード]をクリックし、コンピューター上のファイルを選択します。次に、動画のサムネイル画像をクリックします。
- 動画のサイズを変更するには、サイドバーエディターで、幅または高さを入力します。
- 動画の情報をカスタマイズするには、[動画の詳細]セクションで[編集]をクリックします。
注:動画の詳細に対する変更は、動画がHubSpotのコンテンツツールで使用されるすべての場所に適用されます。
-
- 右側のパネルで、[サムネイル画像を変更]をクリックし、動画のプレビュー画像を変更します。
- スライダーをクリックして動画の特定のポイントにドラッグするか、または[カスタム画像をアップロード]をクリックして、コンピューターから新しい画像を追加します。
- タイトルテキスト、説明、メタタグのいずれかまたは全てを入力します。これにより、検索エンジンによって動画の内容が認識されるようになります。
- [保存]をクリックします。
- 動画の再生ボタンの表示を編集するには、[スタイルオプション]をクリックします。
- 再生ボタンの色をカスタマイズするには、16進値を入力するか、カラーピッカーをクリックして色を選択します。
- 再生ボタンのサイズをカスタマイズするには、ピクセル値を入力するか、スライダーをクリックして特定の位置にドラッグします。再生ボタンの公開プレビューが更新されるまでには数秒かかる場合があります。

- モバイルデバイスの全幅で動画を表示するには、[モバイルデバイスで最大幅として表示]チェックボックスをオンにします。動画が元の寸法よりも大きい幅で表示されることはありません。
- 動画を右または左側に移動するには、[位置合わせ]ドロップダウンメニューをクリックし、[左]、[中央]、または[右]を選択します。
- 動画のサイドにスペースを追加するには、[パディング]スイッチをクリックしてオンに切り替えます。
- 動画の全てのサイドに同じパディングを適用するには、[全てのサイドに適用]チェックボックスをオンにします。
- [上]、[下]、[左]、[右]の各テキストフィールドにパティングのピクセル値を入力します。
ページ、ブログ記事、ナレッジベース記事に動画を追加する
リッチ テキスト モジュールでブログ記事、ページ、ナレッジベース記事に動画を追加できます。ページのドラッグ&ドロップエリアでも、動画モジュールに動画を追加することができます。
ページ、ブログ記事、またはナレッジベース記事でリッチ テキスト モジュールに動画を挿入します。
HubSpotの動画を、テキスト、画像、リンクなどのコンテンツと共にリッチ テキスト モジュールに追加できます。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- ナレッジベース:HubSpotアカウントにて、[サービス] > [ナレッジベース]の順に進みます。
- ページ、投稿、または記事の上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターでリッチ テキスト モジュールをクリックします。
- [挿入]ドロップダウンメニューをクリックし、[動画]>[HubSpot動画]を選択します。
- 右側のパネルで、挿入する動画を選択します。
- ファイルツールから既存の動画を挿入するには、動画のサムネイル画像をクリックします。
- 新しい動画を挿入するには、[動画をアップロード]をクリックし、コンピューター上の動画を選択します。次に、動画のサムネイル画像をクリックします。
- 動画の再生ボタンの色を編集するには、backgroundColorプレイヤーの色ドロップダウンメニューをクリックし、色を選択します。16進値またはRGBカラー値を入力するには、[詳細]タブに進みます。
- テキストブロック内の動画の位置を調整するには、inline alignmental位置合わせアイコンをクリックします。全幅アイコンfullWidthをクリックすると、動画がモバイルデバイス上で常に全幅で表示されるようになります。
- 動画のサイズを変更するには、幅と高さのピクセル値を入力します。
- 動画の周囲のパディングを編集するには、[間隔]ドロップダウンメニューをクリックし、画像アイコンの境界付近でピクセル値を入力します。
- コンテンツエディターで、動画をクリックしてから、edit 編集アイコンをクリックします。
- ポップアップボックスで、[CTAまたはフォーム]ドロップダウンメニューをクリックし、[CTA]または[フォーム]を選択します。
- CTAを挿入するには、次のようにします。
- [CTAを選択]をクリックします。
- 新しいCTAを作成するには、右側のパネルで[新規作成]をクリックします。CTAを作成して、[保存]をクリックします。
- 右側のパネルで、新しく作成したCTAまたは既存のCTAを選択し、[挿入]をクリックします。
- フォームを挿入するには、次のようにします。
- [フォーム]ドロップダウンメニューをクリックし、フォームを選択します。
- 新しいフォームを作成するか、選択する前に既存のフォームを編集するには、[作成または編集]をクリックします。これにより、新しいタブでフォームツールが開きます。
- 既定では、動画の終了後にオーバーレイが表示されます。オーバーレイの表示オプションを変更するには、次のようにします。
- 「Enterprise」サブスクリプションをお持ちでない場合は、オーバーレイの表示時間を選択します。動画の再生を開始する前または動画の再生を終了した直後に、フォームまたはCTAを表示できます。

-
- 「Enterprise」サブスクリプションをお持ちの場合は、次のようにします。
- ポップアップボックスの[表示オプション]の横にある[編集]をクリックします。
- 「Enterprise」サブスクリプションをお持ちの場合は、次のようにします。
-
-
- 右側のパネルで、[表示時間]ドロップダウンメニューをクリックし、時間を選択します。カスタム時間を選択した場合、動画の下にあるスライダーをクリックして目的の位置にドラッグするか、[選択された表示時間]フィールドに時間を入力することで、時間を指定できます。
-
-
-
- 訪問者がオーバーレイをスキップできないようにするには、[スキップオプション]ドロップダウンメニューをクリックし、[閲覧者にフォーム/CTAのスキップを許可しない]を選択します。既定では、訪問者はオーバーレイをスキップすることができます。
-
ページ上で動画モジュールに動画を挿入する
HubSpot動画は、ウェブサイトまたはランディングページのドラッグ&ドロップエリアに追加された動画モジュールでサポートされています。Starterテンプレートを使用して作成したランディングページではHubSpot動画がサポートされませんが、代わりに外部動画を埋め込むことは可能です。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- ページの上にカーソルを置いて、[編集]をクリックします。
- サイドバーエディターで動画モジュールをクリックし、ページにドラッグします。
- コンテンツエディターで、動画モジュールをクリックします。
- サイドバーエディターの[動画タイプ]で、[HubSpot動画]を選択します。
- ページに追加する動画を選択します。
- ファイルツールから動画を選択するには、[動画を参照]をクリックし、既存の動画のサムネイル画像を選択します。
- 新しい動画をアップロードするには、[アップロード]をクリックし、コンピューター上のファイルを選択します。
- 動画の最大サイズを選択します。
- 本来のサイズ:動画が本来のサイズを超えて表示されることはありません。
- 全幅:動画は視聴に使われるデバイスの全幅まで最大化されます。
- カスタム:動画がサイドバーエディターで設定されている特定の幅と高さを超えることはありません。[幅]と[高さ]テキストフィールドに、これらの寸法をピクセル値で入力します。
- [動画の詳細]セクションで[編集]をクリックし、動画の情報をカスタマイズします。
注:動画の詳細に対する変更は、動画がHubSpotのコンテンツツールで使用されるすべての場所に適用されます。
-
- 右側のパネルで、[サムネイル画像を変更]をクリックし、動画のプレビュー画像を変更します。
- スライダーをクリックして動画の特定のポイントにドラッグするか、または[カスタム画像をアップロード]をクリックして、コンピューターから新しい画像を追加します。サムネイル画像の下の[完了]をクリックします。
- タイトルテキスト、説明、および/またはメタタグを入力します。これにより、検索エンジンによって動画の内容が認識されるようになります。
- [保存]をクリックします。
- [CTAまたはフォーム]セクションで、フォームまたはCTAのオーバーレイを動画に追加できます。
- [CTAまたはフォーム]セクションをクリックして展開します。
- [CTAまたはフォーム]ドロップダウンメニューをクリックし、オーバーレイの種類を選択します。
- フォームを挿入する場合は、[フォーム]ドロップダウンメニューをクリックしてフォームを選択するか、[新規作成]をクリックしてフォームツールで新規フォームを作成します。
- CTAを挿入するには、次のようにします。
- [CTAを選択]をクリックします。
- 新しいCTAを作成するには、右側のパネルで[新規作成]をクリックします。CTAを作成して、[保存]をクリックします。
- 右側のパネルで、新しく作成したCTAまたは既存のCTAを選択し、[挿入]をクリックします。
-
- 「Enterprise」サブスクリプションをお持ちでない場合は、オーバーレイの表示時間を選択します。動画の再生を開始する前または動画の再生を終了した直後に、フォームまたはCTAを表示できます。
-
- 「Enterprise」サブスクリプションをお持ちの場合は、次のようにします。
-
-
- サイドバーエディターの「表示オプション」の横にある[編集]をクリックします。
-
-
-
- 右側のパネルで、[表示時間]ドロップダウンメニューをクリックし、時間を選択します。カスタム時間を選択した場合、動画の下にあるスライダーをクリックして目的の位置にドラッグするか、[選択された表示時間]フィールドに時間を入力することで、時間を指定できます。
-
-
-
- 訪問者がオーバーレイをスキップできないようにするには、[スキップオプション]ドロップダウンメニューをクリックし、[閲覧者にフォーム/CTAのスキップを許可しない]を選択します。既定では、訪問者はオーバーレイをスキップすることができます。
-
- 動画の再生オプションを編集するには、[詳細]をクリックし、[ループ動画]、[既定でミュート]、[自動再生]、および/または[コントロールを非表示]チェックボックスをオンにします。
- 再生ボタンの色を編集するには、[スタイルオプション]をクリックして16進値を入力するか、カラーピッカーをクリックして色を選択します。
動画にキャプションや字幕を追加する
ファイルツールでは、高度な機能をオンにして、動画に多言語のキャプションや字幕を追加することができます。こうすることで、音声を聞くことができない訪問者や異なる言語を話す訪問者も、動画を利用しやすくなります。各訪問者が好みに応じて、キャプションのオンとオフを切り替えることができます。
この作業を始める前に、キャプションを.vttファイルで用意しておいてください。
- HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [ファイル]の順に進みます。
- キャプションや字幕を追加する動画の名前をクリックします。
- 右側のパネルで、[字幕]セクションをクリックして展開します。
- [字幕をアップロード]をクリックします。
- ダイアログボックスで[字幕の言語]ドロップダウンメニューをクリックし、言語を選択します。
- [字幕ファイルを選択]ボタンをクリックして、字幕ファイルをHubSpotにアップロードします。
- [保存]をクリックします。
動画のパフォーマンスを分析する(ページ、ブログ記事、ナレッジベース記事のみ)
HubSpotページ、ブログ記事、またはナレッジベース記事に動画を追加すると、再生数や動画リテンションなどの測定指標によって動画のパフォーマンスを分析できます。コンテンツ詳細ページ、カスタムレポート、コンタクトタイムラインでこれらの測定指標を確認できます。リストやワークフローでメディアインタラクションをフィルタリングすることもできます。
注:ビデオパフォーマンス分析は、HubSpotビデオでのみご利用いただけます。URLや埋め込みコードで埋め込まれた外部ビデオファイルは、HubSpotでのアナリティクスを生成しません。
ページパフォーマンスの動画ビュー数
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- ナレッジベース:HubSpotアカウントにて、[サービス] > [ナレッジベース]の順に進みます。
- ブログ記事、ページ、またはナレッジベース記事の名前をクリックして、[パフォーマンス]の詳細を表示します。
- ページ上に複数のHubSpot動画が存在する場合、左上の[動画]ドロップダウンメニューをクリックし、動画を選択します。
- 動画の再生について分析します。
- 動画再生数:訪問者のブラウザーでページに動画が読み込まれた回数です。
- 動画リテンション:動画コンテンツのどの部分が再生されたかを示す指標。
- 動画再生数:訪問者のブラウザーでページに動画が読み込まれた回数です。
コンタクトレコードの動画再生数
コンタクトレコードの動画再生数を表示するには、次の手順に従います。
- HubSpotアカウントにて、[コンタクト] > [コンタクト]の順に進みます。
- コンタクトの名前をクリックします。
- 動画再生数別にコンタクトのアクティビティーを絞り込むには、[アクティビティー]タブをクリックします。続けて、[アクティビティーを絞り込み]をクリックし、[メディアの再生]チェックボックスをオンにします。
カスタムレポートでの動画再生(「Marketing Hub Professional」および「Enterprise」のみ)
カスタム レポート ビルダーを使用すると、動画の再生を分析するレポートを作成できます。
- HubSpotアカウントで、[レポート]>[レポート]に移動します。
- [カスタム レポート ビルダー]をクリックします。
- カスタム行動イベントをプライマリー データ ソースとして使用するには、[プライマリー データ ソース]ドロップダウンメニューをクリックし、[メディア]を選択します。
- メディアを非プライマリーソースとして使用したい場合は、[マーケティング]セクションで[メディア]を選択できます。
- レポートの作成を続行します。
アトリビューションレポートでの動画再生(「Marketing Hub Entreprise」のみ)
既定では、動画再生は収益アトリビューションレポートに追加されます。この設定が無効になっている場合、アカウントアクセス権限を持つユーザーは、設定でこのデータソースを再び有効にすることができます。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左のサイドバーメニューで、[トラッキングとアナリティクス]>[アトリビューション]をクリックします。この設定は、アカウントアクセス権限を持つユーザーにのみ表示されます。
- [インタラクションタイプ]セクションで、[メディアを再生した]スイッチをクリックしてオンに切り替えます。
- [保存]をクリックします。
- ダイアログボックスで、変更を確認してから、[保存して再処理を開始]をクリックします。
既存のレポートに動画再生数を追加するための再処理が開始されます。これには、HubSpotアカウントのデータ量に応じて最大2日かかる場合があります。レポートの再処理が完了したら、HubSpotから確認のEメールが送信されます。
関連記事
-
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を付与されているユーザーは、HubSpotがホスティングする特定のページ、ブログ、ナレッジベース記事にアクセスできるコンタクトを制御できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース -
HubSpotのコンテンツとデータをエクスポートする
ページ、コンタクト、ファイルなど、自分のアカウントからHubSpotコンテンツとデータをエクスポートする方法を説明します。 ...
ナレッジベース -
Google アナリティクスとHubSpotコンテンツの連携
Google アナリティクスをHubSpotと連携すると、貴社のHubSpotサイトへの訪問者に関するデータがGoogle アナリティクスのアカウント上に収集されます。Google...
ナレッジベース