- ナレッジベース
- コンテンツ
- デザインマネージャー
- メディア ブリッジ アプリからHubSpotコンテンツにメディアを追加する
メディア ブリッジ アプリからHubSpotコンテンツにメディアを追加する
更新日時 2026年2月10日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
メディア ブリッジ アプリのデータを使用する カスタムモジュールを作成することで 、プロバイダー固有の外部メディアをHubSpotコンテンツに追加できます。メディア ブリッジ アプリはメディアデータを提供し、ページでのメディアのレンダリング方法は カスタムモジュール によって制御されます。
ページにメディアを追加したら、タイムラインイベントとカスタムレポートを使用して訪問者によるメディアの利用状況を分析します。
始める前に
メディア ブリッジ アプリ と カスタムモジュールからメディアを追加する前に、次の要件とセットアップ手順を確認してください。
要件を理解する
-
メディア ブリッジ アプリが HubSpotアカウントにインストールまたは構築されている必要があります。
アクセス権限が必要 以下の権限が必要です。
-
デザインマネージャー でカスタムモジュールを作成し、ページまたは記事のテンプレートをカスタマイズするには、デザインマネージャー権限が必要です。
- 事前作成済みのメディア ブリッジ アプリをインストールするには、アプリマーケットプレイスのアクセス権限 が必要です。
- コンテンツエディターでコンテンツを編集して公開するには、「編集および公開」権限 が必要です。
メディア ブリッジ アプリをセットアップする
メディア ブリッジ アプリを接続するには、次のいずれかのオプションを選択します。- 開発者であるか、または開発者リソースがある場合は、メディアブリッジAPIを使用してメディアブリッジアプリを作成できます。
- HubSpotアプリマーケットプレイスに 既製のメディア ブリッジ アプリマーケットプレイスをインストールします。HubSpotでのアプリの接続について詳細をご確認ください。
注:メディア ブリッジ アプリのインストールまたは構築は必須ですが、コンテンツにメディアを追加するわけではありません。メディア ブリッジ コンテンツを表示するには、アプリのデータを使用するカスタムモジュールを作成する必要があります。
メディアブリッジコンテンツ用のカスタムモジュールを作成する
メディア ブリッジ アプリをインストールしたら、ページまたはテンプレートにメディア ブリッジ コンテンツを表示するカスタムモジュールを作成します。
- HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。
- 新しいモジュールを作成します。
- インスペクターで、[ フィールド]セクションの[ フィールドの追加 ]ドロップダウンメニューをクリックし、[ 埋め込み フィールド]を選択します。
- [サポートされるソースタイプ ]セクションで、[ メディアとの連携 ]チェックボックスをオンにします。
- [埋め込みタイプ]セクションで、[ メディアとの連携]を選択します。
- [ プロバイダーを選択 ]ドロップダウンメニューをクリックし、接続されたアプリを選択します。事前構築済みのメディア ブリッジ アプリが1つしかインストールされていない場合は、特定のプロバイダー([ Wistiaから選択]など)が表示されることがあります。
- 左上の モジュールアイコンをクリックします 。
- インスペクターで、フィールドにマウスポインターを置き、[アクション ]ドロップダウンメニューをクリックして、[ スニペットをコピー]を選択します。[module.html ]セクションの内容を貼り付けます。
- [変更を公開]をクリックします。
コンテンツにモジュールを追加する
モジュールを追加するには、次のいずれかのオプションを選択します。
-
デザインマネージャーのレイアウトエディターを使用して、モジュールをテンプレートに追加します。
- コンテンツエディターのドラッグ&ドロップエリアを使用して、モジュールをページまたは投稿に追加します。このオプションを選択した場合、コンテンツエディターの[ メディアURL ]フィールドに URL を入力して、ページにメディアを追加します。
メディアイベントの分析
メディア ブリッジ コンテンツを含むページまたは投稿を公開した後で、訪問者によるメディアの利用状況を分析します。
メディアイベントは、埋め込みメディアの再生などのインタラクションをトラッキングし、タイムラインイベントとして表示されます。カスタムレポートを使用して、複数のページのエンゲージメントを分析することもできます。
エンゲージメントの分析の詳細については、 ページでの動画視聴を分析する方法をご確認ください。