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

リッチテキストエディターで外部メディアファイルを埋め込む

更新日時 2021年 4月 12日

対象製品

Marketing Hub  Professional, Enterprise
Service Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

ページ、ブログ投稿記事、およびナレッジベース記事の中でリッチ テキスト モジュールに外部メディア(YouTube動画など)を埋め込むことができます。また、動画モジュールでURLを使って動画を埋め込むこともできます。ほとんどのメディアプロバイダーがサポートされています。

ページやブログ投稿記事での動画とのやり取りをトラッキングするには、コンテンツにHubSpot動画を追加する方法をご覧ください。

注:スターターテンプレートで作成されたページに動画を追加するには、動画埋め込みモジュールを使用してください。

サポートされているメディアタイプ

エンベッド(埋め込み)機能では、YouTube、Spotify、Vimeoなど、ほとんどのメディアタイプ向けのoEmbed形式のURLがサポートされています。サポートされているメディアプロバイダーの全リストについては、oEmbedの資料を参照してください。

プライベートYouTube動画など、追加のセキュリティ機能を持つメディアファイルはサポートされていません。

注:URLを使用してメディアファイルを埋め込むときにエラーメッセージが表示される場合は、代わりに完全なエンベッド(埋め込み)コードを貼り付けてみてください。

外部メディアファイルをリッチ テキスト モジュールに埋め込む

以下の手順に従って、ファイルURLを使用してメディアファイルを埋め込むことができます。ショートカットとして、リッチテキストエディターに埋め込みメディアのURLを直接貼り付けることができます。メディアファイルのプレビューが自動的に入力されます。

  • HubSpotアカウントで、ウェブサイトページ、ランディングページ、ブログ、またはナレッジベースに移動します
  • ページ、投稿、または記事の上にカーソルを置き、[編集]をクリックします。
  • コンテンツエディターで、メディアの追加先となるリッチ テキスト モジュールをクリックします。
  • ツールバーの右上にある[挿入]ドロップダウンメニューをクリックし、埋め込みアイコン embed を選択します。
  • [埋め込みを挿入]ダイアログボックスで、メディアのURLまたはエンベッドコードを貼り付けます。埋め込みメディアファイルのプレビューが表示されます。
  • 右下の[挿入]をクリックします。

埋め込みファイルを置換する最も簡単な方法は、元のものを削除することです。上記手順を繰り返します。

  • コンテンツエディターでメディアファイルを選択し、[削除]をクリックします。
  • 上記の手順を繰り返し、新しいファイルURLを埋め込みます。

埋め込みメディアのスタイルを編集する方法について確認してください。

動画モジュールに外部動画を埋め込む

さらに、動画モジュールを使用してページやマーケティングEメールに外部動画を埋め込むこともできます。このモジュールは、ドラッグ&ドロップ ページ エディタードラッグ&ドロップ マーケティング Eメール エディターのみで使用可能です。

  • ページまたはマーケティングEメールに動画モジュールを追加します。
  • 左側のパネルの[動画タイプ]で、[エンベッド]を選択します。
  • 動画のURLを入力します。

embed-external-video

動画は既定でレスポンシブになります。動画の外観をカスタマイズするには、次のようにします。

  • サイズ:すべてのデバイスタイプで動画の高さと幅を正確に設定できます。
  • 最大サイズ:デフォルトでは、動画は元のサイズより大きくなりません。視聴に使われるデバイスの全幅まで最大化できるように、動画をカスタマイズすることができます。または、動画のカスタム最大幅と高さを設定します。
  • カスタムサムネイル:動画のサムネイル画像をカスタマイズするには、[アップロード]をクリックしてコンピューターから新しいファイルを選択するか、[画像を参照]をクリックしてファイルツールから画像を選択します。

adjust-video-size

  • [変更を適用]をクリックします。

注:埋め込みオプションを使ってリッチ テキスト モジュールに埋め込まれたフォームは、ページエディターに表示されない可能性があります。埋め込みフォームを表示するには、ページプレビューを表示できます。