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

HubSpot動画を使用すると、ファイルツールに動画をアップロードし、ページ、マーケティングEメール、ブログ記事、ナレッジベース記事に動画を追加できます。

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

HubSpot動画と訪問者のやり取りをカスタマイズするときには、動画再生の前後でCTAまたはフォームを表示できます。

始める前に

• この記事では、HubSpotにアップロードされた動画ファイルをHubSpotコンテンツに追加する方法について説明します。URLまたは埋め込みコードから外部動画を追加するには、HubSpotでの外部メディアの埋め込みについて詳細をご確認ください。
  
• HubSpot上でホスティングできるコンテンツの動画は1アカウントにつき250個までという上限があります。
  • この上限は、1対1のEメール、テンプレート、またはシーケンスに追加した動画には適用されません。
  • ファイルツールで［高度な機能］スイッチがオンになっている動画のみが、最大250件カウントされます。
  • コンテンツエディターに新しい動画ファイルをアップロードすると、自動的に［高度な機能］がオンになります。
• 、動画モジュールでHubSpotコンテンツに追加できるのは、［高度な機能］スイッチがオンに切り替えられている動画のみです。
• サポートされるファイルタイプはブラウザーごとに異なるため、場合によっては、動画ファイルがブラウザー上で再生されずにダウンロードされます。アップロードされる動画形式が.mp4のファイルはほとんどのブラウザーでサポートされているため、ブラウザー上で再生が行われます。
• 各動画は、ファイルツールの制約の影響を受ける場合があります。

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を作成してから、［保存］をクリックします。 
  • フォームのテキストとスタイルをカスタマイズしてから、［フォームを追加］をクリックします。

注：オーバーレイフォームでは、［姓］、［名］、および［Eメール］フィールドのみを収集できます。また、フォーム通知はトリガーされません。［Eメール］フィールドが含まれている場合、またはフォームでEメールアドレスなしでコンタクトを作成できる場合は、コンタクトが作成または更新されます。

• ポップアップボックスで、オーバーレイの表示時間を選択します。動画の再生を開始する前または動画の再生を終了した直後に、フォームまたはCTAを表示できます。 

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

HubSpot動画は、ウェブサイトまたはランディングページのドラッグ＆ドロップエリアに追加された動画モジュールでサポートされています。Starterテンプレートを使用して作成したランディングページではHubSpot動画がサポートされませんが、代わりに外部動画を埋め込むことは可能です。

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

  • ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。

• ページの上にカーソルを重ねて［編集］をクリックします。
• サイドバーエディターで動画モジュールをクリックし、ページにドラッグします。

• コンテンツエディターで、動画モジュールをクリックします。
• サイドバーエディターの［動画タイプ］で、［HubSpot動画］を選択します。
• ページに追加する動画を選択します。
  
  • ファイルツールから動画を選択するには、［動画を参照］をクリックし、既存の動画のサムネイル画像を選択します。
  • 新しい動画をアップロードするには、［アップロード］をクリックし、コンピューター上のファイルを選択します。 

• 動画の最大サイズを選択します。
  • 本来のサイズ：動画が本来のサイズを超えて表示されることはありません。
  • 全幅：動画は視聴に使われるデバイスの全幅まで最大化されます。
  • カスタム：動画がサイドバーエディターで設定されている特定の幅と高さを超えることはありません。［幅］と［高さ］テキストフィールドに、これらの寸法をピクセル値で入力します。
• ［動画の詳細］セクションで［編集］をクリックし、動画の情報をカスタマイズします。

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

• • 右側のパネルで、［サムネイル画像を変更］をクリックし、動画のプレビュー画像を変更します。
  • スライダーをクリックして動画の特定のポイントにドラッグするか、または［カスタム画像をアップロード］をクリックして、コンピューターから新しい画像を追加します。サムネイル画像の下の［完了］をクリックします。
  • ファイル名、タイトル、説明を入力します。これにより、検索エンジンによって動画の内容が認識されるようになります。
  • ［完了］をクリックします。

• フォームまたはCTAのオーバーレイを動画に追加するには、［オーバーレイ］セクションで、［フォーム］または［CTA］を選択します。次に、［CTAを選択］／［フォーム］をクリックします。 

• • 右パネルで、別の動画で作成されたオーバーレイを選択するか、［新規作成］をクリックして新しいオーバーレイコンテンツを作成します。
    
    • ボタンCTAを作成してから、［保存］をクリックします。 
    • フォームのテキストとスタイル指定をカスタマイズしてから、［フォームを追加］をクリックします。

注：オーバーレイフォームでは、［姓］、［名］、および［Eメール］フィールドのみを収集できます。また、フォーム通知はトリガーされません。［Eメール］フィールドが含まれている場合、またはフォームでEメールアドレスなしでコンタクトを作成できる場合は、コンタクトが作成または更新されます。 

• • サイドバーエディターで、フォームまたはCTAの表示時間を選択します。動画の再生を開始する前にすることも、動画の再生を終了した直後にすることもできます。 

• 再生ボタンの色を編集するには、［スタイルオプション］をクリックして16進値を入力するか、カラーピッカーをクリックして色を選択します。

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

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

注：コンタクトタイムラインとカスタムレポート上の動画アクティビティーは、HubSpot動画にのみ利用できます。URLで埋め込んだ外部動画ファイルについては、同様のトラッキングが行われません。

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

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

  • ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
  • ナレッジベース：HubSpotアカウントにて、［サービス］ > ［ナレッジベース］の順に進みます。

• ブログ記事、ページ、またはナレッジベース記事の名前をクリックして、［パフォーマンス］の詳細を表示します。
• ページ上に複数のHubSpot動画が存在する場合、左上の［動画］ドロップダウンメニューをクリックし、動画を選択します。 

• 動画の再生について分析します。 
  • 動画再生数：訪問者のブラウザーでページに動画が読み込まれた回数です。
    
    
  • 動画リテンション：動画コンテンツのどの部分が再生されたかを示す指標。
    
    

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

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

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

カスタムレポートでの動画再生（Marketing Hub ProfessionalおよびEnterpriseのみ）

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

• HubSpotアカウントで、［レポート］>［レポート］に移動します。
• 右上の［カスタムレポートを作成］をクリックします。
• 左のサイドバーメニューで、［カスタム レポート ビルダー］をクリックします。
• カスタム行動イベントをプライマリー データ ソースとして使用するには、［プライマリー データ ソース］ドロップダウンメニューをクリックし、［メディア］を選択します。
  
  
• メディアを非プライマリーソースとして使用したい場合は、［マーケティング］セクションで［メディア］を選択できます。
  
  
• レポートの作成を続行します。 

アトリビューションレポートでの動画再生

既定では、動画再生は収益アトリビューションレポートに追加されます。この設定が無効になっている場合、アカウントアクセス権限を付与されているユーザーが、設定でこのデータソースを再び有効にすることができます。

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

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