リッチテキストエディターで外部メディアファイルを埋め込む
更新日時 2021年 4月 12日
ページ、ブログ投稿記事、およびナレッジベース記事の中でリッチ テキスト モジュールに外部メディア(YouTube動画など)を埋め込むことができます。また、動画モジュールでURLを使って動画を埋め込むこともできます。ほとんどのメディアプロバイダーがサポートされています。
ページやブログ投稿記事での動画とのやり取りをトラッキングするには、コンテンツにHubSpot動画を追加する方法をご覧ください。
注:スターターテンプレートで作成されたページに動画を追加するには、動画埋め込みモジュールを使用してください。
サポートされているメディアタイプ
エンベッド(埋め込み)機能では、YouTube、Spotify、Vimeoなど、ほとんどのメディアタイプ向けのoEmbed形式のURLがサポートされています。サポートされているメディアプロバイダーの全リストについては、oEmbedの資料を参照してください。
プライベートYouTube動画など、追加のセキュリティ機能を持つメディアファイルはサポートされていません。
注:URLを使用してメディアファイルを埋め込むときにエラーメッセージが表示される場合は、代わりに完全なエンベッド(埋め込み)コードを貼り付けてみてください。
外部メディアファイルをリッチ テキスト モジュールに埋め込む
以下の手順に従って、ファイルURLを使用してメディアファイルを埋め込むことができます。ショートカットとして、リッチテキストエディターに埋め込みメディアのURLを直接貼り付けることができます。メディアファイルのプレビューが自動的に入力されます。
- HubSpotアカウントで、ウェブサイトページ、ランディングページ、ブログ、またはナレッジベースに移動します。
- ページ、投稿、または記事の上にカーソルを置き、[編集]をクリックします。
- コンテンツエディターで、メディアの追加先となるリッチ テキスト モジュールをクリックします。
- ツールバーの右上にある[挿入]ドロップダウンメニューをクリックし、埋め込みアイコン embed を選択します。
- [埋め込みを挿入]ダイアログボックスで、メディアのURLまたはエンベッドコードを貼り付けます。埋め込みメディアファイルのプレビューが表示されます。
- 右下の[挿入]をクリックします。
埋め込みファイルを置換する最も簡単な方法は、元のものを削除することです。上記手順を繰り返します。
- コンテンツエディターでメディアファイルを選択し、[削除]をクリックします。
- 上記の手順を繰り返し、新しいファイルURLを埋め込みます。
埋め込みメディアのスタイルを編集する方法について確認してください。
動画モジュールに外部動画を埋め込む
さらに、動画モジュールを使用してページやマーケティングEメールに外部動画を埋め込むこともできます。このモジュールは、ドラッグ&ドロップ ページ エディターとドラッグ&ドロップ マーケティング Eメール エディターのみで使用可能です。
- ページまたはマーケティングEメールに動画モジュールを追加します。
- 左側のパネルの[動画タイプ]で、[エンベッド]を選択します。
- 動画のURLを入力します。
動画は既定でレスポンシブになります。動画の外観をカスタマイズするには、次のようにします。
- サイズ:すべてのデバイスタイプで動画の高さと幅を正確に設定できます。
- 最大サイズ:デフォルトでは、動画は元のサイズより大きくなりません。視聴に使われるデバイスの全幅まで最大化できるように、動画をカスタマイズすることができます。または、動画のカスタム最大幅と高さを設定します。
- カスタムサムネイル:動画のサムネイル画像をカスタマイズするには、[アップロード]をクリックしてコンピューターから新しいファイルを選択するか、[画像を参照]をクリックしてファイルツールから画像を選択します。
- [変更を適用]をクリックします。
注:埋め込みオプションを使ってリッチ テキスト モジュールに埋め込まれたフォームは、ページエディターに表示されない可能性があります。埋め込みフォームを表示するには、ページプレビューを表示できます。
関連記事
-
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を持つユーザーは、HubSpot上でホスティングされている特定のページ、ブログ記事、ナレッジベースの記事に、アクセス可能なコンタクトを指定できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース -
HubSpotのコンテンツとデータをエクスポートする
ページ、コンタクト、ファイルなど、自分のアカウントからHubSpotコンテンツとデータをエクスポートする方法を説明します。 注:...
ナレッジベース -
複数のサブドメインでコンテンツをホスティングする
複数のサブドメインで HubSpot コンテンツをホストする機能は、HubSpot サブスクリプションによります。 注:wwwサブドメインを接続するには、CMS Hubの契約が必要です。 Marketing Hub...
ナレッジベース