HubSpotでホスティングされている動画を動画 ツール から外部でホスティングされているウェブサイト(WordPressなど)や外部でホスティングされているEメール(Gmailなど)に埋め込むことができます。全てのプラットフォームのビュー数、プレイ数、エンゲージメントイベントをHubSpot内で直接トラッキングできます。
制限と要件を理解する
埋め込みコードをコピーして外部サイトで使用する
- HubSpotアカウントで、［コンテンツ］＞［動画］に移動します。
- 動画ファイルの名前を検索して選択します 。動画の詳細ページが表示されます。
- 右上の [埋め込み]をクリックします。動画の 高度な機能 設定がオンになっていない場合、これ は表示されません 。
- ダイアログボックスで、共有形式を設定します。
- サイズ: 埋め込み動画をレスポンシブにするか、固定動画サイズにするかを選択します。既定では、このオプションは [レスポンシブ]に設定されており、 ページ幅に基づいて動画サイズが自動的に調整されます。
- ループ: 動画を自動的に再開し、ループ状態で連続再生します。
- 既定でミュート: デフォルトで動画をミュートします。訪問者はクリックして音声をオンにする必要があります。
- 自動再生: ページの読み込み時に動画を自動再生します。
- 表示コントロール: 訪問者にコントロールバーを表示します。既定では、このオプションはオンになっています。
- 再生ボタンの色: カラーパレットを使用して、動画の再生ボタンの色を設定します。
- [SEOメタデータを含める]:検索エンジンによって動画がインデックス登録されるように、このオプションをオンに切り替えないと、ページに動画メタデータが含まれます。既定では、このオプションはオンになっています。
- 動画の設定が完了したら、左下の[ 埋め込みコードをコピー]をクリックします。動画の埋め込みコードは自動的にデバイスのクリップボードにコピーされます。
- 外部ウェブサイトのコンテンツ管理システム（CMS）に移動します。
- HubSpot以外でホスティングしているページのHTML(動画を表示したい場所)に動画の埋め込みコードを貼り付けます。また、次の項目に関する推奨事項があります。
- WordPress: HubSpot動画の埋め込みコードをWordPressページやブログ記事に追加するには、カスタムHTMLブロックを使用することをお勧めします。WordPressコンテンツへの埋め込みの追加について詳細をご確認ください。
- Shopify:動画の埋め込みコードを挿入するには、[動画リッチテキスト を追加 ]オプションを選択するか、インラインコードエディターを使用してページのHTMLを直接変更することをお勧めします。より複雑なユースケースが必要な場合は、Shopifyテーマの一部として、埋め込みHTMLを Custom Liquid テンプレートに追加できます。Shopifyでのテンプレートの使用についてもっと詳しく。
- ウェブページで動画をプレビューし、公開時にどのように表示されるかを確認できます。動画は、ページ幅に合わせて自動的に調整されるレスポンシブレイアウトで表示されます。動画が正しく表示されない場合は、コピーしたコードが外部CMSで変更されていないかを確認します。
- 完成したら、ページを公開します。
埋め込みコードをコピーして外部でホスティングされているEメールに使用できる
一般に、ほとんどのEメールクライアントで動画はサポートされていません。Eメールに追加した動画は、動画プレイヤーボタン付きのサムネイル画像として表示されます。サムネイル画像は、Eメール受信者が動画を視聴できるページにリンクします。
- HubSpotアカウントで、［コンテンツ］＞［動画］に移動します。
- 動画ファイルの名前を検索して選択します 。動画の詳細ページが表示されます。
- 右上の 共有アイコンをクリックします。動画の 高度な機能 設定がオンになっていない場合、これ は表示されません 。
- ダイアログボックスで、[ Eメール ]タブをクリックします。
- 動画の設定:
- 動画の設定が完了したら、左下の[埋め込みコードをコピー]をクリックします。動画の埋め込みコードは自動的にデバイスのクリップボードにコピーされます。
- 外部Eメールホストに移動します。
- 動画の埋め込みコードをEメールのHTMLの、動画を表示する場所に貼り付けます。これは、Eメールプロバイダーによって異なる場合があります。
Files
