The feature consists of two parts:
- Reels Feed Page — a dedicated full-screen vertical video player page, similar to a TikTok-style feed. This page is created by the user and hosts the full player experience with branding, logo, and navigation.
- Reels Widget — a small embeddable div that displays thumbnail cards on any article or page. When a visitor clicks a thumbnail, the Reels Feed Page opens.
Both parts are configured through a single Content Unit and deployed via embed codes generated in the platform.
Creating a Reels Content Unit
Creating a new Reels Content Unit follows a guided 3-step flow: Video Content → Setup → Get Embed.
Step 1 - Video Content
Select the playlist that will be displayed in your Reels feed. Playlists are managed separately in the Playlists section of the platform.
- Choose Playlist — select an existing vertical playlist from the dropdown.
- Click Next to proceed to Step 2.
Only playlists already created in the platform will appear in this dropdown.
Step 2 - Setup
Configure the appearance and behaviour of both the Reels Feed Page and the Reels Widget. All settings are available here — see the Settings Reference section below for a full breakdown of each option.
- Click Next to proceed to Step 3 once setup is complete.
Step 3 - Get Embed
Generate and copy the embed codes. See the Embed Code section for full details on both embed options.
- Click Done when finished.
Settings Reference
All settings are accessible from the Edit Content Unit screen. Sections are organized by what they control.
General
Basic identity and SEO settings for the content unit.
|
Field |
Options |
Description |
|
Content Unit name * |
Text input |
The internal name used to identify this content unit in the platform. |
|
Sitemap URL |
URL input |
The URL submitted to search engines for SEO indexing of the Reels feed page. |
Reels Feed Settings
Controls the appearance and content of the full-screen Reels feed page.
|
Field |
Options |
Description |
|
Reels Feed Page URL * |
URL input |
The URL of the user's dedicated Reels feed page. Required to generate the embed code. |
|
Content Playlist |
Dropdown |
Select the video playlist to display in the Reels feed. Playlists are managed in the Playlists section. |
|
Page Background |
Color / Blurred |
Sets the background of the full Reels feed page. Color applies a solid color. Blurred uses a blurred version of the currently playing video. |
|
Page Background Color During Ads |
Color picker |
Overrides the page background color specifically while an ad is playing. |
|
Player Logo — Upload / Remove |
File upload |
Upload an image to display as a logo on the Reels feed page. The Remove Logo button appears once an image is uploaded. |
|
Logo Position on Page |
Top-left / Top-right |
Sets where the logo appears on the Reels feed page. |
|
Navigation Arrows Position |
Left / Right |
Sets the position of the video navigation arrows on the feed page, allowing viewers to scroll between videos. |
|
Show Video Title on Player |
Yes / No |
When enabled, the video title is displayed overlaid on the player. |
|
Show Video Description on Player |
Yes / No |
When enabled, the video description is displayed overlaid on the player. |
|
Video Description Overlay Background |
Color / Transparent |
Sets the background style behind the description overlay. Transparent shows the text directly over the video with no background. |
Reels Widget Settings
Controls the appearance and behavior of the thumbnail cards embedded on article pages.
|
Field |
Options |
Description |
|
Thumbnail Size |
Small / Medium / Large |
Sets the size of the thumbnail cards displayed in the widget. |
|
Thumbnail Preview |
On hover / Persistent after hover |
Controls live video preview on thumbnails. On hover plays while the cursor is over the card. Persistent after hover continues playing after the cursor moves away. |
|
On Thumbnail Click |
Same tab / New tab |
Determines how the Reels feed page opens when a visitor clicks a thumbnail. Reels feed opens in the selected tab. |
Ad Settings
Controls how and when ads are served within the Reels feed.
|
Field |
Options |
Description |
|
Ad Schedule |
Dropdown |
Select the ad schedule to apply to this content unit. |
|
Ad Frequency |
Dropdown |
Sets how often ads appear within the feed (e.g. every video, every 2 videos). |
|
Ad Offset |
Dropdown |
Sets when ads play relative to the video (e.g. before video, after video). |
|
Wait for User Consent (TCF) |
Yes / No |
When enabled, no ad activity occurs until the user provides consent per the IAB TCF 2.0 framework. |
Embed Code
The Embed Code modal provides two tabs depending on your level of page access. Both tabs include code for the Reels Feed Page and the Reels Widget.
To open the Embed Code modal, click the Embed Code button at the top right of the Edit Content Unit screen, or access it at Step 3 of the creation flow.
Always save your settings before copying the embed code to ensure the code reflects your latest configuration.
Full Page Access (Recommended)
Use this option if you have access to edit both the <head> and <body> of your web pages. Two separate snippets are provided for the Reels Feed Page.
Reels Feed Page Code
Step 1 - Paste in page <head>
Add this snippet once to the <head> element of your dedicated Reels feed page. It loads the required styles and scripts.
|
<link rel="stylesheet" href="https://player.target-video.com/reels/index.css"/> <script src="https://player.target-video.com/reels/index.js" defer></script> |
Step 2 - Paste in page <body>
Add this snippet to the <body> element of your Reels feed page. This renders the video player.
|
<div class="tv-feed" data-widget-id="XXXXX" data-dev="true"></div> |
If the parent container does not have a defined height (for example, a plain <div> with only content), the widget will collapse to zero. You must set a height on the container.
Reels Widget Code
Paste this snippet on any article or page where you want the Reels thumbnail cards to appear.
|
<script defer src="https://player.target-video.com/reels/reelCards.js"></script> <div class="tv-reel-cards" data-widget-id="XXXXX" data-dev="true"></div> |
Paste this where reels thumbnails widget should appear.
Body Access Only
Use this option if you can only edit the <body> of your pages and do not have access to the <head>. Both snippets are single combined blocks.
Reels Feed Page Code
A single combined snippet. Paste anywhere on the body of your dedicated Reels feed page.
|
<link rel="stylesheet" href="https://player.target-video.com/reels/index.css"/> <script src="https://player.target-video.com/reels/index.js" defer></script> <div class="tv-feed" data-widget-id="XXXXX" data-dev="true"></div> |
If the parent container does not have a defined height, the widget will collapse to zero. You must set a height on the container.
Reels Widget Code
Paste this snippet on any article or page where you want the Reels thumbnail cards to appear.
|
<script defer src="https://player.target-video.com/reels/reelCards.js"></script> <div class="tv-reel-cards" data-widget-id="XXXXX" data-dev="true"></div> |
Paste this where reels thumbnails widget should appear.
Preview
Before publishing your embed, you can preview both the Reels Widget and the Reels Feed Page directly in the platform.
How to Access the Preview
- Open the Embed Code modal from the Edit Content Unit screen.
- Click the Preview Feed Player button in the top right corner of the modal.
- The preview opens in the platform UI, reflecting your current saved settings.
Save your settings before opening the preview to ensure it reflects your latest configuration.
Reels Widget Preview
Shows how the thumbnail cards will appear when embedded on an article or page — including thumbnail size and live preview behaviour.
Reels Feed Page Preview
Shows the full-screen player experience — including page background, logo placement, navigation arrows, and video title and description overlays.