Add media from Media Bridge apps to HubSpot content

Add external, provider-specific media to your HubSpot content by creating a custom module that uses the data from a Media Bridge app. Media Bridge apps supply the media data, while the custom module controls how that media is rendered on your pages.

After adding media to your pages, analyze how visitors interact with it using timeline events and custom reports.

Before you get started

Before adding media from Media Bridge apps and a custom module, review the following requirements and setup steps.

Understand requirements

• A Media Bridge app must be installed or built in your HubSpot account. 

Set up a Media Bridge app

• If you're a developer or have developer resources, use the Media Bridge API to build a Media Bridge app. 
• Install pre-built Media Bridge apps on the HubSpot App Marketplace. Learn more about connecting apps in HubSpot.

Please note: installing or building a Media Bridge app is required, but does not add media to your content. To display Media Bridge content, you must create a custom module that uses the app's data.

Create a custom module for Media Bridge content

After the Media Bridge app has been installed, create a custom module to display the Media Bridge content on a page or template.

1. In your HubSpot account, navigate to Content > Design Manager.
2. Create a new module.
3. In the inspector, click the Add field dropdown menu in the Fields section, then select the Embed field.

4. In the Supported source types section, select the Media integration checkbox. 
5. In the Embed Type section, select Media integration. 

6. Click the Select a provider dropdown menu and select your connected app. If you only have one pre-built Media Bridge app installed, you may see that specific provider (e.g., Select from Wistia). 
7. Click the module icon in the top left. 
8. In the inspector, hover over the field, click the Actions dropdown menu, and select Copy snippet. Paste the contents in the module.html section.
9. Click Publish changes.

Add the module to content

To add the module, choose one of the following options:

• Add the module to templates using the layout editor in the design manager. 

• Add the module to pages or posts using the drag and drop area in the content editor. If you choose this option, in the content editor, enter the URL in the Media URL field to add your media to the page. 

Analyze media events

After you publish your pages or posts that include the Media Bridge content, analyze how visitors interact with your media.

Media events track interactions such as playing embedded media and appear as timeline events. You can also use custom reports to analyze engagement across pages.

To learn more about analyzing engagement, review how to analyze video views on your pages.