# Product Guide

# Getting Started

## ****1. Getting Started****

### ****1.1**** [Introduction](https://docs.adctv.com/books/product-guide/chapter/introduction)

- <span style="color: rgb(0, 0, 0);">Overview of the Adctv Creative Builder</span>
- <span style="color: rgb(0, 0, 0);">Supported platforms (Desktop, Mobile, Interactive CTV)</span>
- <span style="color: rgb(0, 0, 0);">System requirements and browser compatibility</span>

### ****1.2 Account Setup****

- <span style="color: rgb(0, 0, 0);">Creating an account</span>
- <span style="color: rgb(0, 0, 0);">User roles and permissions</span>
- <span style="color: rgb(0, 0, 0);">Team management and collaboration features</span>

### ****1.3 Interface Overview****

- <span style="color: rgb(0, 0, 0);">Navigation and layout</span>
- <span style="color: rgb(0, 0, 0);">Toolbar and panels</span>
- <span style="color: rgb(0, 0, 0);">Canvas workspace</span>
- <span style="color: rgb(0, 0, 0);">Properties panel</span>
- <span style="color: rgb(0, 0, 0);">Components</span>
- <span style="color: rgb(0, 0, 0);">Asset library</span>
- <span style="color: rgb(0, 0, 0);">Timeline panel</span>

## ****2. Creative Builder Fundamentals****

### ****2.1 Project Setup****

- <span style="color: rgb(0, 0, 0);">Creating a new project</span>
- <span style="color: rgb(0, 0, 0);">Choosing platform and dimensions</span>
- <span style="color: rgb(0, 0, 0);">Setting project properties</span>
- <span style="color: rgb(0, 0, 0);">Understanding safe zones and margins</span>
- <span style="color: rgb(0, 0, 0);">Managing project templates</span>

### ****2.2 Working with Components****

- <span style="color: rgb(0, 0, 0);">Component types (shapes, images, text, video)</span>
- <span style="color: rgb(0, 0, 0);">Component hierarchy and organization</span>
- <span style="color: rgb(0, 0, 0);">Component properties and styling</span>
- <span style="color: rgb(0, 0, 0);">Groups and nesting</span>
- <span style="color: rgb(0, 0, 0);">Component visibility and locking</span>

### ****2.3 Design Tools****

- <span style="color: rgb(0, 0, 0);">Shape tools and vector editing</span>
- <span style="color: rgb(0, 0, 0);">Text formatting and typography</span>
- <span style="color: rgb(0, 0, 0);">Image handling and optimization</span>
- <span style="color: rgb(0, 0, 0);">Color management and gradients</span>
- <span style="color: rgb(0, 0, 0);">Effects and filters</span>
- <span style="color: rgb(0, 0, 0);">Component library</span>
- <span style="color: rgb(0, 0, 0);">Layers</span>

### ****2.4 Responsive Design****

- <span style="color: rgb(0, 0, 0);">Creating responsive layouts</span>
- <span style="color: rgb(0, 0, 0);">Breakpoint management</span>
- <span style="color: rgb(0, 0, 0);">Dynamic scaling and positioning</span>
- <span style="color: rgb(0, 0, 0);">Platform-specific considerations</span>

## ****3. Animation and Interactivity****

### ****3.1 Timeline Basics****

- <span style="color: rgb(0, 0, 0);">Understanding the timeline interface</span>
- <span style="color: rgb(0, 0, 0);">Keyframes and tweening</span>
- <span style="color: rgb(0, 0, 0);">Animation properties</span>
- <span style="color: rgb(0, 0, 0);">Easing and timing functions</span>
- <span style="color: rgb(0, 0, 0);">Animation preview and playback</span>

### ****3.2 Advanced Animation****

- <span style="color: rgb(0, 0, 0);">Multi-layer animations</span>
- <span style="color: rgb(0, 0, 0);">Path animations</span>
- <span style="color: rgb(0, 0, 0);">Sprite sheets and frame-by-frame</span>
- <span style="color: rgb(0, 0, 0);">Transition effects</span>
- <span style="color: rgb(0, 0, 0);">Loop controls</span>

### ****3.3 Interactive Elements****

- <span style="color: rgb(0, 0, 0);">Button states and hover effects</span>
- <span style="color: rgb(0, 0, 0);">Click events and triggers</span>
- <span style="color: rgb(0, 0, 0);">Custom actions and scripts</span>
- <span style="color: rgb(0, 0, 0);">Video controls and playback options</span>
- <span style="color: rgb(0, 0, 0);">Interactive hotspots</span>

### ****3.4 Multi-page Navigation****

- <span style="color: rgb(0, 0, 0);">Creating multiple scenes/pages</span>
- <span style="color: rgb(0, 0, 0);">Navigation controls</span>
- <span style="color: rgb(0, 0, 0);">Transition effects between pages</span>
- <span style="color: rgb(0, 0, 0);">State management</span>
- <span style="color: rgb(0, 0, 0);">Progress tracking</span>

## ****4. Campaign Management****

### ****4.1 Campaign Structure****

- <span style="color: rgb(0, 0, 0);">Creating campaigns</span>
- <span style="color: rgb(0, 0, 0);">Campaign organization and hierarchy</span>
- <span style="color: rgb(0, 0, 0);">Campaign settings and properties</span>
- <span style="color: rgb(0, 0, 0);">Campaign duplication and templates</span>
- <span style="color: rgb(0, 0, 0);">Archive and restore options</span>

### ****4.2 Creative Management****

- <span style="color: rgb(0, 0, 0);">Adding creatives to campaigns</span>
- <span style="color: rgb(0, 0, 0);">Creative versions and variations</span>
- <span style="color: rgb(0, 0, 0);">Creative approval workflow</span>
- <span style="color: rgb(0, 0, 0);">Creative testing and preview</span>
- <span style="color: rgb(0, 0, 0);">Bulk operations</span>

### ****4.3 Placement Management****

- <span style="color: rgb(0, 0, 0);">Understanding placement types</span>
- <span style="color: rgb(0, 0, 0);">Creating and configuring placements</span>
- <span style="color: rgb(0, 0, 0);">Placement targeting options</span>
- <span style="color: rgb(0, 0, 0);">Scheduling and rotation</span>
- <span style="color: rgb(0, 0, 0);">Placement status monitoring</span>

### ****4.4 Tags and Implementation****

- <span style="color: rgb(0, 0, 0);">Tag generation process</span>
- <span style="color: rgb(0, 0, 0);">Tag types and formats</span>
- <span style="color: rgb(0, 0, 0);">Implementation guidelines</span>
- <span style="color: rgb(0, 0, 0);">Testing and validation</span>
- <span style="color: rgb(0, 0, 0);">Troubleshooting common issues</span>

## ****5. Analytics and Reporting****

### ****5.1 Analytics Overview****

- <span style="color: rgb(0, 0, 0);">Available metrics and KPIs</span>
- <span style="color: rgb(0, 0, 0);">Real-time vs. historical data</span>
- <span style="color: rgb(0, 0, 0);">Data collection methodology</span>
- <span style="color: rgb(0, 0, 0);">Custom event tracking</span>
- <span style="color: rgb(0, 0, 0);">Data export options</span>

### ****5.2 Campaign Analytics****

- <span style="color: rgb(0, 0, 0);">Campaign performance dashboard</span>
- <span style="color: rgb(0, 0, 0);">Conversion tracking</span>
- <span style="color: rgb(0, 0, 0);">Geographic distribution</span>
- <span style="color: rgb(0, 0, 0);">Device and platform breakdown</span>
- <span style="color: rgb(0, 0, 0);">Campaign comparison tools</span>

### ****5.3 Creative Analytics****

- <span style="color: rgb(0, 0, 0);">Creative performance metrics</span>
- <span style="color: rgb(0, 0, 0);">Interaction rates</span>
- <span style="color: rgb(0, 0, 0);">View-through rates</span>
- <span style="color: rgb(0, 0, 0);">A/B testing results</span>
- <span style="color: rgb(0, 0, 0);">Heat maps and interaction maps</span>

### ****5.4 Placement Analytics****

- <span style="color: rgb(0, 0, 0);">Placement-level reporting</span>
- <span style="color: rgb(0, 0, 0);">Delivery metrics</span>
- <span style="color: rgb(0, 0, 0);">Viewability tracking</span>
- <span style="color: rgb(0, 0, 0);">Site performance analysis</span>
- <span style="color: rgb(0, 0, 0);">Placement optimization</span>

## ****6. Best Practices and Guidelines****

### ****6.1 Design Best Practices****

- <span style="color: rgb(0, 0, 0);">Platform-specific guidelines</span>
- <span style="color: rgb(0, 0, 0);">Performance optimization</span>
- <span style="color: rgb(0, 0, 0);">Asset preparation</span>
- <span style="color: rgb(0, 0, 0);">Accessibility considerations</span>
- <span style="color: rgb(0, 0, 0);">Brand consistency</span>

### ****6.2 Technical Guidelines****

- <span style="color: rgb(0, 0, 0);">File size optimization</span>
- <span style="color: rgb(0, 0, 0);">Supported formats and codecs</span>
- <span style="color: rgb(0, 0, 0);">Browser compatibility</span>
- <span style="color: rgb(0, 0, 0);">Mobile considerations</span>
- <span style="color: rgb(0, 0, 0);">Load time optimization</span>

### ****6.3 Campaign Optimization****

- <span style="color: rgb(0, 0, 0);">Performance monitoring</span>
- <span style="color: rgb(0, 0, 0);">A/B testing methodology</span>
- <span style="color: rgb(0, 0, 0);">Optimization strategies</span>
- <span style="color: rgb(0, 0, 0);">Troubleshooting guide</span>
- <span style="color: rgb(0, 0, 0);">Case studies and examples</span>

## ****7. API and Integration****

### ****7.1 API Documentation****

- <span style="color: rgb(0, 0, 0);">Authentication and access</span>
- <span style="color: rgb(0, 0, 0);">Available endpoints</span>
- <span style="color: rgb(0, 0, 0);">Request/response formats</span>
- <span style="color: rgb(0, 0, 0);">Rate limits and quotas</span>
- <span style="color: rgb(0, 0, 0);">Error handling</span>

### ****7.2 Third-party Integrations****

- <span style="color: rgb(0, 0, 0);">Available integrations</span>
- <span style="color: rgb(0, 0, 0);">Setup and configuration</span>
- <span style="color: rgb(0, 0, 0);">Data synchronization</span>
- <span style="color: rgb(0, 0, 0);">Tracking implementation</span>
- <span style="color: rgb(0, 0, 0);">Custom integration options</span>

## ****8. Support and Resources****

### ****8.1 Help Center****

- <span style="color: rgb(0, 0, 0);">Frequently asked questions</span>
- <span style="color: rgb(0, 0, 0);">Troubleshooting guides</span>
- <span style="color: rgb(0, 0, 0);">Video tutorials</span>
- <span style="color: rgb(0, 0, 0);">Knowledge base articles</span>
- <span style="color: rgb(0, 0, 0);">Release notes</span>

### ****8.2 Support Options****

- <span style="color: rgb(0, 0, 0);">Technical support contact</span>
- <span style="color: rgb(0, 0, 0);">Feature requests</span>
- <span style="color: rgb(0, 0, 0);">Bug reporting</span>
- <span style="color: rgb(0, 0, 0);">Training resources</span>
- <span style="color: rgb(0, 0, 0);">Community forums</span>

# Introduction

# Overview of the Adctv Creative Builder

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Adctv Creative Builder is a powerful, user-friendly platform designed for </span>****creating custom Connected TV (CTV) and Rich Media display ads.****

<span style="color: rgb(0, 0, 0);">This tool allows for the creation of visually engaging and interactive advertisements efficiently.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The platform features a </span>****drag-and-drop interface****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> that allows users to easily add and arrange components on their ad canvas. With just a few clicks, users can pull components directly from the Components List at the top and drop them onto the canvas, simplifying the ad creation process.</span>

<span style="color: rgb(0, 0, 0);">You can design and customize ads quickly without any technical knowledge.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The drag-and-drop functionality combined with the </span>****ability to manage multiple pages in one view****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> greatly speeds up the ad creation process.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Additionally, the platform provides a </span>****shareable preview link****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> for ads, and users can export their ads to obtain INS tags for display ads or VAST tags for video ads.</span>

# Supported platforms (Desktop, Mobile, Interactive CTV)



# System requirements and browser compatibility

# Account Setup

# Creating an account

<span style="color: rgb(0, 0, 0);">Once your Adctv Studio account is set up by the Account Servicing team, it will come with default settings. You can edit these settings as per your needs.</span>

<span style="color: rgb(0, 0, 0);">To begin running your campaigns, visit your Adctv domain and log in using your email ID and password.</span>

<span style="color: rgb(0, 0, 0);">On the Dashboard, go to the left-hand navigation bar and click on your name. Then, select User Profile. Here, you’ll see your account details, such as Name and Email ID.</span>

<span style="color: rgb(0, 0, 0);">You can also add your Contact Number or update any of the information as needed.</span>

# User roles and permissions



# Team management and collaboration features

<span style="color: rgb(0, 0, 0);">An Adctv Studio account can support multiple users. This helps in collaboration between teams. This article helps you with step-by-step instructions for adding and removing users and editing access of a user to your Adctv Studio account.</span>

#### <span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> How to Add Team Members:</span>

- <span style="color: rgb(29, 43, 54); white-space: pre-wrap;">Login to your Adctv domain. </span>
- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">At the Dashboard, Go to Navigation Bar on the left and click on </span>****Team****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> module.</span>
- <span style="color: rgb(0, 0, 0);">Click on New Member.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcDHycRJUM3CgHlVKKtF5MJPohYxeH931WHAIMMGHOt1lZIoUAqt7FFoEHZwkuFiSJZa39I34k3BOG7ecL28tTZMkj8Fc0Cx2HmVnE1Gar5ZDzFheqKPAKlfksb-KSZWnov5KIyqg?key=XVcz0lDOaBclsDFENuQO_9Bd)- <span style="color: rgb(0, 0, 0);">Enter the First Name, Last Name, Email Address, and Password of the new member. Next, select the appropriate Role for the user.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfayeC8j517btWvPmPdZ3KLYEZ63QMFl4LixqAh8v2MlDarrNUcJOmbwgexXrAJFPKNM9muK6LvJPipRNmQlH6LDxaBEsNWM5wVYhiWWKxWtbZwRKvQPrfcl_6q20O20q33b5Hj?key=XVcz0lDOaBclsDFENuQO_9Bd)

- <span style="color: rgb(0, 0, 0);">Once you've filled in the details, click Create to add the new team member to your organization.</span>
- <span style="color: rgb(0, 0, 0);">Once completed, the user will receive a confirmation email from Airtory. To accept the invitation, they should click the link provided in the email.</span>
- <span style="color: rgb(0, 0, 0);">Additionally, you have options to edit the details of a team member, change the password, or delete a member.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfUfdmxJHrKlzsm35Z42AdZzUyFNUf4_LHTFAoj9puyQD1zHgb4xD-yHFPfXxIre9fI4NtVrZF6DlVjMY2Dg9GoJp7dJQezzmWg2tlhl0wB3CJqs8LhRVUmPAzqS-E8OP2L3Ht7?key=XVcz0lDOaBclsDFENuQO_9Bd)

# Interface Overview

# Navigation and Layout

##### <span style="color: windowtext;">The Adctv Studio interface is designed for ease of use, with a clean layout and intuitive navigation.</span>

[![navigation.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/navigation.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/navigation.png)

##### Left-Hand Navigation Menu:

<span style="white-space: pre-wrap;">On the left side of the screen, you’ll find the </span>****Navigation Menu****, which allows quick access to key modules within the platform:

<span style="white-space: pre-wrap;">· </span>****Dashboard****<span style="white-space: pre-wrap;"> – Your homepage showing campaign stats, updates, and quick links.</span>

<span style="white-space: pre-wrap;">· </span>****Campaigns****<span style="white-space: pre-wrap;"> – View, create, and manage all your advertising campaigns.</span>

<span style="white-space: pre-wrap;">· </span>****Creatives****<span style="white-space: pre-wrap;"> – Manage and build your ad creatives here.</span>

<span style="white-space: pre-wrap;">· </span>****Templates****<span style="white-space: pre-wrap;"> – Access pre-built templates to speed up creative development.</span>

<span style="white-space: pre-wrap;">· </span>****Brand Kits****<span style="white-space: pre-wrap;"> – Store your brand assets such as logos, fonts, and color palettes.</span>

<span style="white-space: pre-wrap;">· </span>****Team****<span style="white-space: pre-wrap;"> – Manage your team members and their roles.</span>

<span style="white-space: pre-wrap;">· </span>****Schedule Reports****<span style="white-space: pre-wrap;"> – Set up and view scheduled campaign performance reports.</span>

<span style="white-space: pre-wrap;">· </span>****Trash****<span style="white-space: pre-wrap;"> – Recover or permanently delete removed items.</span>

##### Top Navigation Bar:

<span style="white-space: pre-wrap;">At the top, you’ll find: - A </span>****Search Bar****<span style="white-space: pre-wrap;"> to find templates or campaigns quickly. - A </span>****Notification Bell****<span style="white-space: pre-wrap;"> to view alerts. - Your </span>****User Profile****<span style="white-space: pre-wrap;"> dropdown (click on your name) to access profile settings. - A </span>****“New Creative”****<span style="white-space: pre-wrap;"> button to start building a creative from any screen.</span>

##### ****Dashboard****

The Adctv Dashboard provides a summary of campaign performance over the last 7 days within your organization, displaying key metrics such as impressions and CTR.

It also lists recently created creatives along with performance indicators and offers quick actions like preview and edit. Additionally, the dashboard highlights newly added templates, making it easy to start building creatives right away.

##### ****Campaigns****

<span style="color: rgb(0, 0, 0);">From here, you can create a new campaign. All previously created campaigns will be displayed here as individual cards.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfdEy-BkXt-EI1werW4TpwEgoDS_c-D3l6q2RWq1CaiZ2phf322b-vW4jEBDUbK6jj4PC4ed0nAIgIC0sClrySG3uA248NcAoGoaxmSHoKecH9b9gmhFF0_SlUyEqa1A_uuX84LAQ?key=O-0IfCqV3YaN6MPNlqaI_xOP)

##### ****Creatives****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Here, all creatives belonging to an organization will be listed. </span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd047WhwV6SK34B16MJMgpNPeXWPYgVDt2C1SKr3sRAmRezw_J7ync97ooFQpZ84uKiryfLQvPLU8mwe4KSpAhaxDuvS3C45FJJxWUfxhAHDjhd0OPKCWi2hHpUxqnGe_K50ztEpA?key=O-0IfCqV3YaN6MPNlqaI_xOP)

##### ****Templates****

<span style="color: rgb(0, 0, 0);">We offer a variety of predefined templates for ease of use, which will be listed here. Users can also create and save custom templates, and these will be displayed as well.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf1abwowqRw-vhsctBVBgNY1S3Y_Fb1I3ljWsbaKOu-wTD33f1q-RpFqbH7X-pxbc17ak7VWohS7K5kuEy0K9LH9UJO96ugRPf2IcHQWFXhW1CqqKL4GgeWSVroeMExuu1E0EHoNg?key=O-0IfCqV3YaN6MPNlqaI_xOP)

##### ****Brand Kits****

<span style="color: rgb(0, 0, 0);">The Brand Kits module allows you to store assets for multiple brands.</span>

[![Brandkits14.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/brandkits14.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/brandkits14.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Users can effortlessly share their Brand Kit with collaborators via a unique link, granting them access to brand assets. Collaborators can upload logos, save color palettes, add fonts, and include other assets like images and videos. </span>

<span style="color: rgb(0, 0, 0);">This can be done by the Adctv user, or, once the kit is shared, the brand can upload assets themselves. No username or password is required for the brand to add items.</span>

##### ****Team****

<span style="color: rgb(0, 0, 0);">This module allows you to manage team members. You can create new users, edit existing user details, delete users, and change passwords for team members as needed. This module helps you maintain control over your organization's user access and permissions</span>

[![Team.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/team.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/team.png)

##### ****Trash****

<span style="color: rgb(0, 0, 0);">This module contains all deleted creatives, campaigns, and brand kits. Users can either permanently delete these items or restore them for future use.</span>

[![Trash.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/trash.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/trash.png)

# Toolbar and panels

##### <u>****Adctv Creative Builder****</u>

<span style="color: rgb(0, 0, 0);">Here is a quick walkthrough of the Adctv Creative Builder.</span>

****1. Canvas****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Let’s start with the drag-and-drop ad builder. Here’s your canvas where you’ll be creating your ads. </span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeYO7yFM_xCTAInq-PgVX53lsEUIX20z7yoJdoF0fBXheWzWnmMlL76rhkRQYER6yLfRccTWnwtvPTIDJvt6wS5ZE6QN3S3tDJ0NqotyrY0xy5p9NphhZFjSidXJPVJRnqkEmgi?key=O-0IfCqV3YaN6MPNlqaI_xOP)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">It’s simple to get started, just drag and drop components from the </span>****Components(Interactive Widgets) list**** <span style="color: rgb(0, 0, 0);">at the top directly into your canvas.</span>

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/image.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/image.png)

<span style="color: rgb(0, 0, 0);">You can add new pages, view, and edit different pages/screens all in a single view.</span>

****2. Toolbar****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The toolbar with various icons, each serving a unique purpose: </span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdm7dAFaKeFuZgQwfXq9diyaLQOwQROaqS6RwylaJOR2JnlCTQxXVnmuXJWgSRmcOaBlpwzhqGxZDdpahq3Bg5Iu1ZbI33Ra_EFDfA_UPYIi1anxA6GPMy4beTu5u8qBdM9t__Q5g?key=O-0IfCqV3YaN6MPNlqaI_xOP)

<span style="color: rgb(0, 0, 0);">1 - Selector icon</span>

<span style="color: rgb(0, 0, 0);">2 - Add Basic elements</span>

<span style="color: rgb(0, 0, 0);">3 - Add Screens</span>

<span style="color: rgb(0, 0, 0);">4 - Add Interactive Widgets</span>

<span style="color: rgb(0, 0, 0);">5 - Text Element</span>

<span style="color: rgb(0, 0, 0);">6 - Asset Uploader</span>

<span style="color: rgb(0, 0, 0);">7 - Move Canvas</span>

****3. Layers Panel****

<span style="color: rgb(0, 0, 0);">Each component added to the canvas is automatically placed as a separate layer.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeWEMVkJdKBXwqCigiM1_w4YmNIyr6z5VAbSkSgZMbr1HOhSM1Us6N7968kUCJOC39C2YXNUuGmW7K-uDgCYcQaFTkkRS2KmscPJEZO8NF2UVBleQZmsm3lOQoC_7Lp1B32iznfCw?key=O-0IfCqV3YaN6MPNlqaI_xOP)

<span style="color: rgb(0, 0, 0);">You can reorder layers by selecting the desired layer and dragging it to the preferred position.</span>

<span style="color: rgb(0, 0, 0);">Layers can be locked to prevent selection or editing. Locked layers are uneditable.</span>

<span style="color: rgb(0, 0, 0);">You have the option to hide or unhide a layer. Hidden layers become invisible on the canvas and cannot be selected or modified. To toggle visibility, click the corresponding icon.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcoOrMsyZuV89kmxIrxRGEDvslLx3tid7WbsxxC6GpB_xHX7fGL9EqQFviFuPPt5LCK-fXJeiRU-BogVKqA_sPIblEer8ghshtsRPwOtQKbOUXIIdNLxQTx52ow7HIVuFwL1uh5xg?key=O-0IfCqV3YaN6MPNlqaI_xOP)

<span style="color: rgb(0, 0, 0);">Additionally, by right-clicking on any component within the canvas, you can duplicate it, delete it, undo or redo changes, copy its style, apply a quick animation, or send the layer to the front or back.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6bVxQz0cxLFxWRupbRAFtCN7jC82bgpGejjNTeORwlXCMfhSJdsn6xkA7lekiV_6gMlZUnWEtAXOAy5IVBaUWmy9HW80SiMFf5VTeXtBLc4-DvJtaFIYUzUot5RIc6qeWokyVIA?key=O-0IfCqV3YaN6MPNlqaI_xOP)

****4. Properties Panel****

<span style="color: rgb(0, 0, 0);">After adding a component, click on it to open the properties panel on the right. Here, you can easily adjust settings such as size, color, position, and more.</span>

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/4aFimage.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/4aFimage.png)

****5. Events Panel****

<span style="color: rgb(0, 0, 0);">You can add events to control the behavior of your ad, such as defining actions triggered when a user clicks on an image or a button.</span>

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/y54image.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/y54image.png)

****6. Animation Panel****

<span style="color: rgb(0, 0, 0);">Adctv offers a range of predefined Quick Animations for ease of use. From the Animation Panel, you can easily apply these animations to any element in your ad.</span>

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/ZaFimage.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/ZaFimage.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">All the configured events will be listed here in the </span>****Events**** <span style="color: rgb(0, 0, 0);">module.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd3c4efxcQ6eJq76YHeo0ov52-IQHSOwjDbw2cPgqkNeI1etv41tAgAC9P7xMwc2rmoV7cPOQwCfVV5pRwU4Wj2CU_dUzqTV1a4gxJxVcSRdBodgJfJx8A5kZ5E7KCE9wEmDcrXUQ?key=O-0IfCqV3YaN6MPNlqaI_xOP)

 ****8. CSS Panel****

<span style="color: rgb(0, 0, 0);">The CSS Block allows you to add custom styling to any element in your ad.</span>

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-07/scaled-1680-/Gruimage.png)](https://docs.adctv.com/uploads/images/gallery/2025-07/Gruimage.png)

****8. Timeline Panel****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Here, you can create complex animations and set up time-based events. Each component is represented as a layer on the timeline, allowing you to animate elements individually.</span>

<span style="color: rgb(0, 0, 0);">You can add keyframes to the timeline to indicate where your animation starts and ends.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdMQeaKURDps0BbuJfCND-LDDc1qbxPFEMYkscIrRg2ZW4eVAy192nvJ_ws6mEfbpdoqcPRMVYGIPs2uqPM5vkNLl1mDHHNcrfiwzkVQXdEMvKimDBJ-DPsRF69RS3N8XEJnwwDnw?key=O-0IfCqV3YaN6MPNlqaI_xOP)

 ****9. Library****

<span style="color: rgb(0, 0, 0);">The Library panel displays the images, videos, and other assets that you're using or planning to use in your creative.</span>

<span style="color: rgb(0, 0, 0);">You can upload new assets anytime and store them for future use, making it simple to manage and reuse content across multiple pages.</span>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcTFT27k-BoYg8shJjVib5gECEllBN0lNtZD4J7YPl3h1mW9Ir82aAxcLdCnfqecZkC1ChK31be_GgAC0X_f3xU_udziVX21yM2gUU4rkuJrD8dOXPxQ496pZw2hU5Bp2k3S_Sitw?key=O-0IfCqV3YaN6MPNlqaI_xOP)

****10. Layouts****

<span style="color: rgb(0, 0, 0);">You can select and group multiple components to create a layout. The layout can be named, saved, and reused at any time.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">This is especially useful for creating reusable sections, like a header or footer, that you can save and bring into your ads whenever you need them. </span>[Know More..](https://docs.adctv.com/books/product-guide/page/layouts)

****11. Templates****

<span style="color: rgb(0, 0, 0);">Here you’ll find templates that match your selected canvas size, so you can quickly pick one and start customizing it for your needs.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Just browse through the list and click ‘Add to Page’ to instantly add a template to your current creative. </span>[Know More..](https://docs.adctv.com/books/product-guide/page/building-ads-from-adctv-templates)

****12. Brand Kit****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">With the </span><span style="white-space: pre-wrap;">BrandKit </span><span style="color: rgb(0, 0, 0); white-space: pre-wrap;">module, you can easily store and manage assets for multiple brands. You can effortlessly share the Brand Kit with collaborators via a unique link, granting them access to brand assets. You can upload logos, save color palettes, add fonts, and include other assets like images and videos. </span>[Know More..](https://docs.adctv.com/books/product-guide/page/brand-kits)

# Creative Builder Fundamentals

# Project Set Up

#### ****Building a new creative****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To set up a new creative, click the </span>****'New Creative'****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button, which is available globally on the Adctv platform. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-08/embedded-image-rwvgjodk.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">This will open the </span>****'New Creative'****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> pop-up window.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-08/embedded-image-bh6hl8yg.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> 1. You will see a list of available </span>****Ad Types****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">—select the one that best suits your campaign. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> The available options include </span>****Rich Media Display****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, </span>****Interactive Video****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, </span>****Interstitial Ads****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, and </span>****Interactive Connected TV (CTV)****<span style="color: rgb(0, 0, 0);">.</span>

****Rich Media Display****  
<span style="color: rgb(0, 0, 0);">Rich media display ads are visually engaging and include advanced elements like video, audio, and interactive features to capture user interest more effectively.</span>  
****Interactive Video****  
<span style="color: rgb(0, 0, 0);">Interactive video ads provide a dynamic platform for storytelling, allowing brands to convey their message thereby offering an effective way to capture audience attention, drive engagement, and achieve marketing objectives.</span> ****Interstitial Ad****  
<span style="color: rgb(0, 0, 0);">An interstitial ad is a type of full-screen ad that covers the interface of its host app or website.</span>  
****Interactive CTV Ads****  
<span style="color: rgb(0, 0, 0);">Interactive Connected TV ads are tailored for streaming platforms accessed via smart TVs, gaming consoles, and streaming devices (like Amazon Fire TV or Apple TV). These ads often incorporate interactive components to enhance viewer engagement.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">2. Enter the </span>****Creative Name****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">3. Enter the </span>****Campaign Name****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, </span>****Advertiser Name,****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and </span>****Publisher Name****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">. - If the campaign name you enter already exists, the advertiser and publisher fields will auto-populate. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">4. Enable </span>****Responsive Layout****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> (optional) – Check this box if you want the creative to be built with a responsive layout that adapts to various screen sizes.</span>

<span style="color: rgb(0, 0, 0);">5. Choose</span> ****Canvas Size****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">: Select from </span>[predefined ad dimensions](https://drive.google.com/file/d/1lvkSawOp1FeJtlF-hxWb8uweseK62rnI/view)<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> or input </span>[custom dimensions](https://drive.google.com/file/d/18H83z7dKUR3t1VlvVSXZWFOLBJ5KVU_x/view?usp=drive_link)<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> as required.</span>

<span style="color: rgb(0, 0, 0);">Once all necessary details are filled out, click the "</span>****Create****<span style="color: rgb(0, 0, 0);">" button. You will then be redirected to the Drag and Drop Ad Builder, where you can begin building your ad.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">👉 Want to customize your projects? Know about the </span>[Adctv Creative Builder](https://docs.adctv.com/books/product-guide/page/toolbar-and-panels)<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to get started.</span>

# Working with Components

<span style="white-space: pre-wrap;">The Components (Interactive Widgets) panel is accessible from the top toolbar. </span>

[![Toolbar2.png](https://docs.adctv.com/uploads/images/gallery/2025-11/scaled-1680-/toolbar2.png)](https://docs.adctv.com/uploads/images/gallery/2025-11/toolbar2.png)

Getting started is easy—simply drag and drop any component from the list onto your canvas based on the needs of the creative you’re building.

[![image.png](https://docs.adctv.com/uploads/images/gallery/2025-11/scaled-1680-/image.png)](https://docs.adctv.com/uploads/images/gallery/2025-11/image.png)

Below is the list of widgets available within the Adctv platform.

[Adctv Widgets](https://docs.google.com/spreadsheets/d/1z4pD1dsh02L-U4CAciNr5zZKmUaElVPxYSrTKhSaz84/edit?gid=1590277982#gid=1590277982 "Adctv Widgets")

# Design Tools



# Building Ads from Adctv Templates

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Adctv offers a collection of built-in templates for both </span>****Rich Media Display****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and </span>****Connected TV (CTV)****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> ad formats. If starting from a blank canvas feels complex or time-consuming, you can simply select a pre-designed template that suits your creative needs, customize it with your own assets, and quickly build your ad with minimal effort.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Even when using a template, you have </span>****full creative flexibility****<span style="color: rgb(0, 0, 0);">. You can:</span>

- <span style="color: rgb(0, 0, 0);">Move and reposition elements such as logos</span>
- <span style="color: rgb(0, 0, 0);">Rearrange components to match your desired layout</span>
- <span style="color: rgb(0, 0, 0);">Add or remove elements as needed</span>
- <span style="color: rgb(0, 0, 0);">Incorporate animations for enhanced visual impact</span>

#### ****Selecting a Template****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Within the </span>****Template****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> module, browse and select your preferred template. </span>

**Screenshot Pending**

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Templates are organized by </span>****Ad Type****<span style="color: rgb(0, 0, 0);">, and you can use filters to narrow your options by:</span>

- ****Ad Size****
- ****Ad Category****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> (e.g., responsive, expandable)</span>
- ****Components Used****

**Screenshot Pending**

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click on any template to view its details in a pop-up. To preview the template, simply click </span>****‘Preview Template’****<span style="color: rgb(0, 0, 0);">.</span>

**Screenshot Pending**

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Once you've found the right template, click </span>****‘Use This Template’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">. You’ll be prompted to enter your creative details in the </span>****New Creative****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> pop-up. After filling in the necessary information, click </span>****‘Create’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to get started with customizing your ad using the Drag-and-Drop Builder.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">When your creative is complete, click </span>****‘Export’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to generate the final ad tag.</span>

****Saving a Creative as a Template****

<span style="color: rgb(0, 0, 0);">You have two options to save a creative as a template:</span>

****1. From the Editor Page:****

<span style="color: rgb(0, 0, 0);">While on the editor page of your creative, open the navigation menu and select ‘Save as Template’. A pop-up will appear prompting you to enter a name for your template. Click ‘Create’ to save it. All templates you create will be stored under Templates &gt; My Templates, where you can view or customize them as needed.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-grpgmuka.png)

****2. From the Creative Card****

<span style="color: rgb(0, 0, 0);">You can also save a creative as a template without opening the editor. Open your campaign and locate the creative you want to convert. On the creative card, click the ‘Save as Template’ icon. A pop-up will appear, allowing you to name the template. Click ‘Create’ to save it.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-mgqc5box.png)

****Adding a Template to Your Creative****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Within the builder, you have the option to add a template to your current creative. On the left-hand side, you’ll find the </span>****Templates****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> module.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-qqcftuqp.png)

<span style="color: rgb(0, 0, 0);">This module displays templates that match your selected canvas size, making it easy to choose one that fits your layout.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Simply browse through the available templates and click </span>****‘Add to Page’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to instantly insert it into your creative for further customization.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-tvkmayzt.png)

# Brand Kits

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The </span>****BrandKit**** <span style="color: rgb(0, 0, 0);">module allows you to seamlessly store and manage assets for multiple brands in one place.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Share your Brand Kit with collaborators through a unique link, giving them access to view or upload brand assets as needed. </span>

<span style="color: rgb(0, 0, 0);">Easily upload logos, define color palettes, add fonts, and include other media such as images and videos.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">On the Dashboard, click </span>****‘Brand Kits’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> from the navigation bar on the left.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-7qafdbc4.png)

<span style="color: rgb(0, 0, 0);">To create a new Brand Kit, click on ‘New Brand Kit’, enter a name, and then click ‘Create’.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-izwmxqbx.png)

<span style="color: rgb(0, 0, 0);">You're now inside the Brand Kit. Here, you can add logos, fonts, colors, images, and videos to customize your brand kit.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click </span>****‘Add Logo’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to upload your brand logos.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-xec3unjf.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-jw6hfhnb.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click </span>****‘Add Fonts’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to select and upload font files.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-1avnbklo.png)

<span style="color: rgb(0, 0, 0);">For each font added to the kit, users can create a variant, duplicate it, or delete it. Fonts can also be categorized by setting them as Heading, Subheading, Body, Button Text, Custom, or None.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-y59hgoj2.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Under the </span>****Color Palette****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> section, use the color picker to select and save individual colors, or create complete color palettes.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-vlshjlit.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-beg2baep.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">In the </span>****Images**** <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">section, users can upload and save image assets for the brand. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-demuwgyy.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">These assets can also be organized into different groups. To create a group, click on ‘Create Group’, enter a name, and upload images directly from the popup. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-oduisn0v.png)

<span style="color: rgb(0, 0, 0);">Each uploaded image includes options to Rename, Move to Group, Replace, Duplicate, or Delete.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ejkmcgtv.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">In the </span>****Videos**** <span style="color: rgb(0, 0, 0);">section, users can upload and save video assets for the brand. These assets can also be organized into different groups.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ladugqtg.png)

<span style="color: rgb(0, 0, 0);">To create a group, click on ‘Create Group’, enter a name, and upload videos directly from the popup. Each uploaded video includes options to Rename, Move to Group, Replace, Duplicate, or Delete.</span>

<span style="color: rgb(0, 0, 0);">Each Brand Kit comes with the following options:</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-duvb0m0e.png)

****1. Rename****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Change the name of a Brand Kit.</span>

****2. Copy****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Create a duplicate of the Brand Kit.</span>

****3. Move to Folder****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Organize Brand Kits into folders. To create a new folder, click </span>****‘New Folder’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and enter a name. Then, use the </span>****‘Move to Folder’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> option to place the Brand Kit into an existing folder.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-pilrsl4d.png)

****4. Share****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Collaborate by sharing your Brand Kit via a unique link. No login is required for users to access it. When you click </span>****‘Share Brand’****<span style="color: rgb(0, 0, 0);">, a popup will display two links:</span>

- ****Edit Link****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Allows collaborators to upload assets to the Brand Kit.</span>
- ****View Link****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Grants view-only access to the kit without the ability to upload or edit assets.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-myg5ub4q.png)

****5. Delete****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – to remove the Brand Kit.</span>

# Layouts

<span style="color: rgb(0, 0, 0);">You can select and group multiple components to create a custom layout. Once created, the layout can be named, saved, and reused anytime.</span>

<span style="color: rgb(0, 0, 0);">This is particularly helpful for building reusable sections—such as headers or footers—that you can easily insert into your ads whenever needed.</span>

****For example, here I have a description text, a QR code, and a CTA text.****

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-2etzr4th.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To turn these into a custom layout, start by selecting all three elements—hold the Shift key while clicking on each one. Then, click the </span>****‘Create Group’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> icon at the top to group them together.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-grrwkk75.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Next, click on the </span>****‘Create or Edit Component’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button to begin creating your custom layout. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-z04omh3u.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Give your layout a name and upload a thumbnail image. Once you're done, click </span>****‘Create’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to save it.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-n9hmxzkr.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The saved layout will be available in the </span>****Layouts****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> module within the creative editor page and can be reused in any future creatives.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-myevqwtj.png)

# Animation and Interactivity

# Timeline

<span style="white-space: pre-wrap;">The timeline provides a visual interface for </span>****organising and controlling how elements appear, move, and interact in an animation****. It has three main sections: the Header, which includes tools like the timer, zoom, and playback toggles; the Timeline Elements panel on the left, for managing screens, events, layers, and quick animations; and the Timeline Panel on the right, offering detailed controls for keyframes, spans, easing, and events.  
  
Together, these sections let users sequence, edit, and fine-tune animations efficiently and intuitively, making complex interactions easier to create and manage.

[![timeline image.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/timeline-image.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/timeline-image.png)

---

### ****Header****

<span style="white-space: pre-wrap;">The header </span>****provides essential controls for managing the timeline****. It includes a Timer to display the current playback time and total duration, a Zoom slider for adjusting the timeline view and focusing on specific sections, and Toggle buttons to play, pause, or navigate forward/backward in small increments. Together, these tools allow users to monitor, control, and navigate the animation efficiently.

[![header.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/header.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/header.png)

##### ****1. Timer**** 

****Displays the current playback time alongside the total duration of the animation****, helping users track progress within the timeline.

##### ****2. Zoom****

Adjusts the timeline view, allowing users to focus on specific sections or see the animation in full for better navigation.

##### ****3. Toggle****

Allows users to play or pause the animation and jump 100 ms backward or forward, enabling precise navigation within the timeline.

---

### ****Elements****

<span style="white-space: pre-wrap;">Displays the structure of the animation, including screens, events, layers, and quick animations. It helps users organize, manage, and navigate different components of the timeline. </span>****Users can perform actions like renaming, configuring, or deleting elements****, making it easier to keep the animation well-structured and accessible

[![elements.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/elements.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/elements.png)

##### ****1. Screens****

Lists all design screens, letting users switch between them to view and edit each screen’s timeline.

##### ****2. Events****

****Defines timeline triggers that control playback****<span style="white-space: pre-wrap;"> such as play, pause, restart, or jump </span>****or activate actions****<span style="white-space: pre-wrap;"> in other elements.</span>

##### ****3. Animations****

Shows quick animations applied to elements, displayed as sublayers under their respective layers for easy management.

##### ****4. Layers****

<span style="white-space: pre-wrap;">Lists all elements on the screen, allowing users to arrange their order and manage visibility with the </span>[![eye icon.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/nG5eye-icon.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/nG5eye-icon.png)

<span style="white-space: pre-wrap;">or lock them with the </span>[![lock icon.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/MAElock-icon.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/MAElock-icon.png)to prevent edits.

---

###   


### ****Panel****

****Displays the timing and duration of elements within the animation****. It helps users manage keyframes, spans, animations, easing, and events to fine-tune playback. This section focuses on controlling motion, transitions, and sequencing for smooth, precise animations.

![panel .png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/panel.png)##### ****1. Events****

Marks points in the timeline that trigger actions. Right-click an event to delete it, configure it, or set a label.

##### ****2. Keyframes****

Marks the start and end values of properties to create motion or change. Right-click the timeline to add a keyframe, or right-click a keyframe to delete it.

##### ****3. Easing****

Adjusts the acceleration and deceleration between keyframes for smoother transitions. Right click on the easing option icon to access the easing options.

##### ****4. Animations****

****Displays quick animations as sublayers under element layers****, allowing users to adjust their position on the timeline.

##### ****5. Span****

Shows the duration between keyframes, controlling how long a change takes.

# Campaign Management

# Campaign Structure

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To get started, click on the </span>****Campaigns**** <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">module in the navigation bar on the left side. This will take you to the </span>****All Campaigns****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> page, where all your campaigns are displayed as visually appealing cards.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-08/embedded-image-92kx15ku.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To create a new campaign, click on the </span>****New Campaign****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button. Enter the campaign name, advertiser name, and publisher name. Then, click Create to set up your campaign.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-08/embedded-image-bhe9neub.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-08/embedded-image-wup4alcz.png)

<span style="color: rgb(0, 0, 0);">Each campaign card will display key information, including the campaign's creation date, advertiser name, publisher name, last modified date, and important metrics like lifetime impressions, views, clicks, and CTR.</span>

<span style="color: rgb(0, 0, 0);">Additionally, the campaign cards include buttons that take you directly to the Creatives listing page, Placements listing page, and Campaign Analytics page.</span>

[![Campaign card.png](https://docs.adctv.com/uploads/images/gallery/2025-08/scaled-1680-/campaign-card.png)](https://docs.adctv.com/uploads/images/gallery/2025-08/campaign-card.png)

<span style="color: rgb(0, 0, 0);">You can also edit, delete, or download the tags associated with a campaign.</span>

****Campaign Preview:****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> By clicking on a campaign thumbnail, you'll be directed to a preview page where all the campaign creatives are listed, allowing users to quickly scroll through and view them.</span>

[![Campaign Preview1.png](https://docs.adctv.com/uploads/images/gallery/2025-08/scaled-1680-/campaign-preview1.png)](https://docs.adctv.com/uploads/images/gallery/2025-08/campaign-preview1.png)

# Creative Management

### ****Adding a New Creative to a Campaign****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To add a new creative to a campaign, click the </span>****"Add Creative"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-jgiriahc.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">This will open the </span>****New Creative****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> modal, where you can enter the required creative details. Campaign information will be auto-filled.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-sxj626ex.png)

1. ****Select the Ad Type****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Choose from the available options: </span>**Rich Media Display, Interactive Video, Interstitial**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, or </span>**Interactive Connected TV**<span style="color: rgb(0, 0, 0);">, depending on the format you wish to build.</span>
2. ****Enter a Creative Name****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Provide a name to help identify your creative.</span>
3. ****Enable Responsive Layout****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> (optional) – Check this box if you want the creative to be built with a responsive layout.</span>
4. ****Choose Canvas Size****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> – Select from predefined ad dimensions or enter custom dimensions as needed.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Once all necessary details are filled out, click the </span>****"Create"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button. You will then be redirected to the Drag and Drop Ad Builder, where you can begin building your ad.</span>

#### ****Viewing and Managing Creatives within a Campaign****

<span style="color: rgb(0, 0, 0);">Once added, creatives are displayed as individual cards within the campaign view.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-i0zmrjfa.png)

<span style="color: rgb(0, 0, 0);">Each creative card provides key details, including:</span>

- ****Last Modified Date****
- ****Creative Owner****
- ****Performance Metrics****<span style="color: rgb(0, 0, 0);">: Lifetime impressions, views, clicks, and click-through rate (CTR)</span>

<span style="color: rgb(0, 0, 0);">Users have access to the following actions on each creative card:</span>

- ****Preview Draft****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and </span>****Preview Published****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> versions</span>
- ****Edit Creative****
- ****Duplicate Creative****
- ****View Analytics****
- ****View Activity****
- ****Save as Template****
- ****Delete Creative****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Additionally, each card includes a button to navigate directly to the </span>****Placements Listing****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> page associated with that creative.</span>

# Placement Management

#### ****How to Assign A Creative to Multiple Placements****

##### ****What is a Placement?**** 

****Placements**** <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">is a new creative management method within Adctv allowing for a more granular view of different creatives in campaigns. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Each creative setup will by default be assigned against a Placement and the Tags will now be generated at the Placement level. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">A single creative can now be assigned to multiple Placements and each Placement Tag can be provided to different media partners. This allows better tracking of the performance and optimizing accordingly. </span>

##### ****Accessing and Managing Placements within a Campaign****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To view the list of placements associated with a campaign, navigate to the campaign card and click on </span>****"View Placements."****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> This will open a sidebar displaying all placements linked to that campaign.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-wk9wq4jx.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To create a new placement for a creative, click the </span>****"New Placement"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-vjotv2ef.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Provide the </span>****Placement Name****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and select the </span>****Insertion Type****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, then click </span>****"Add Placement"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to save.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-xbzgfo0n.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Each placement includes a set of action buttons under the </span>****Action****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> section, allowing you to:</span>

- ****Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> the placement to view the tag and preview.</span>
- ****Download****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> the placement tag as an Excel file, including all selected macros.</span>
- ****Edit****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> the placement details to make updates.</span>
- ****View Analytics****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to access performance data.</span>
- ****Delete****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> the placement if it is no longer needed.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ruxcgy2r.png)

****Upload Placements:****

<span style="color: rgb(0, 0, 0);">To create multiple placements at once, use the bulk upload feature.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-txt9jet3.png)

<span style="color: rgb(0, 0, 0);">Begin by downloading the sample Excel sheet and entering the desired placement names.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ythwu0ll.png)

<span style="color: rgb(0, 0, 0);">Then, select the appropriate creative within the '</span>****Upload Placements****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">' modal and upload the completed file. </span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-xrnqcnfd.png)

<span style="color: rgb(0, 0, 0);">All specified placements will be added accordingly.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-qya8nhu2.png)

****How to export tags?****

<span style="color: rgb(0, 0, 0);">To export the tag for a placement, click the '</span>****Tag Export****<span style="color: rgb(0, 0, 0);">' icon to open the Tag Export modal.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-82z1auwi.png)

<span style="color: rgb(0, 0, 0);">1. From the drop-down menu ‘</span>****Add Macro****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">’, select your Media Partner—this will automatically insert the appropriate macro into the ad tag. </span>

[![SS_TagExport.png](https://docs.adctv.com/uploads/images/gallery/2025-09/scaled-1680-/B55ss-tagexport.png)](https://docs.adctv.com/uploads/images/gallery/2025-09/B55ss-tagexport.png)

<span style="color: rgb(0, 0, 0);">2. Click the 'Copy' icon to copy the tag.</span>

<span style="color: rgb(0, 0, 0);">3. The modal also includes a shareable preview link.</span>

<span style="color: rgb(0, 0, 0);">4. Clicking the 'Analytics' icon will direct you to the Placement Analytics page.</span>

<span style="color: rgb(0, 0, 0);">5. Additionally, creative details are provided along with a QR code that allows you to preview the ad on a mobile device.</span>

****How to download tags?****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To download tags for all or selected placements linked to one or more creatives within the campaign, select the desired placements and click </span>****Download**** <span style="color: rgb(0, 0, 0);">&gt; Tags.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-kbhm1nhr.png)

<span style="color: rgb(0, 0, 0);">To download tags for all or selected placements of a creative associated with a specific DSP, start by selecting the placements and clicking '</span>****Download Tags****<span style="color: rgb(0, 0, 0);">'.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-p9cyuirh.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Next, choose the media partner and click </span>****'Download'****<span style="color: rgb(0, 0, 0);">.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-oq4t9pve.png)

<span style="color: rgb(0, 0, 0);">An Excel sheet containing the tags for the selected placements will be downloaded.</span>

# Tags and Implementation

****Adctv****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> is a creative management platform designed to help advertisers build CTV, Rich Media Display, and Video ads with a strong focus on user engagement.</span>

<span style="color: rgb(0, 0, 0);">The output from Adctv Studio is an ad tag that can be seamlessly implemented across various media partners, including DSPs, publishers, and ad networks.</span>

****AdCTV****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> is a custom, rich media creative platform tailored for building HTML5 and VAST creative units.</span>

- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">For </span>****CTV creatives****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, the output is a </span>****VAST tag****<span style="color: rgb(0, 0, 0);">.</span>
- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">For </span>****Rich Media Display creatives****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, an </span>****INS tag****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> is generated.</span>
- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">For </span>****Interactive Video creatives****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, both an </span>****INS tag****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and a </span>****VAST tag****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> are provided, allowing users to choose based on their preferred implementation.</span>

****Compatibility and Interactivity across VAST versions****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Creative compatibility largely depends on the VAST version supported by the inventory, with </span>****VAST 4.0/4.2 (SIMID)****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> offering the most robust support for interactive experiences. While our ad tags are designed to gracefully fall back to </span>****VAST 2.0****<span style="color: rgb(0, 0, 0);">, some interactive features may be limited at that level.</span>

****How do we offer interactivity on VAST 3.0 and above?****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Our proprietary technology layer extends standard VAST 3.0 capabilities by implementing a sophisticated progressive fallback mechanism across Connected TV (CTV), Over-The-Top (OTT), and traditional video inventory. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">At its core, the system employs a waterfall approach that initiates with </span>****SIMID**** <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">(Secure Interactive Media Interface Definition), leveraging its secure iframe-based execution environment and comprehensive interactive capabilities. When SIMID support isn't detected, the system gracefully degrades to </span>****VAST 4.0****<span style="color: rgb(0, 0, 0);">, which maintains advanced functionality through native script execution and standardized APIs while supporting comprehensive verification features.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Should VAST 4.0 prove unavailable, the system falls back to </span>****VAST 3.0****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, where our proprietary extensions that are compliant with VAST3 APIs enable a custom interactive layer while maintaining compatibility with major ad servers and supporting essential interaction tracking. As a final fallback measure, the system defaults to </span>****VAST 2.0****<span style="color: rgb(0, 0, 0);">, ensuring universal compatibility by executing the creative as a standard linear video advertisement with basic impression and quartile event tracking.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">This implementation is fully compatible with major demand-side platforms (DSPs) including Display &amp; Video 360 (DV360), requiring only standard video codec support and HTTPS delivery capabilities from the player environment. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The ad response includes sophisticated conditional logic for format detection and server-side adaptation based on player capabilities, enabling real-time format negotiation. Our measurement framework maintains consistent tracking across all VAST versions while supporting extended metrics for interactive events when available. </span>

<span style="color: rgb(0, 0, 0);">The system optimizes performance through conditional loading of interactive assets and bandwidth-aware resource management, specifically tuned for the unique latency requirements of CTV and OTT environments. This comprehensive approach ensures maximum delivery capability while maintaining the highest possible level of interactive functionality across diverse video inventory types.</span>

****Exporting Ads in Adctv****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Ad creation in </span>****Adctv****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> is done using a drag-and-drop ad builder. After selecting the desired canvas size, the user is taken to the builder interface where they can choose from a variety of components to start building their ad.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Once the ad is complete, clicking the </span>****Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button generates the corresponding ad tag. This action opens the </span>****Tag Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> modal, which provides several options for copying the tag.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-9ypnxase.png)

#### ****Alternative Ways to Access and Copy the Ad Tag****

##### ****From the Campaign Card****

****Option 1:****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">On the campaign card, click the </span>****"View Placements"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> link.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-bip67kt0.png)

<span style="color: rgb(0, 0, 0);">A sidebar will appear, showing all creatives and their associated placements.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ksobya9w.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click the </span>****Tag Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> icon next to the desired placement to open the </span>****Tag Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> modal.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ilty6run.png)

1. <span style="color: rgb(0, 0, 0);">From the drop-down menu ‘</span>****Add Macro****<span style="color: rgb(0, 0, 0);">’, select your Media Partner—this will automatically insert the appropriate macro into the ad tag.</span>
2. <span style="color: rgb(0, 0, 0);">Click the 'Copy' icon to copy the tag.</span>
3. <span style="color: rgb(0, 0, 0);">The modal also includes a shareable preview link.</span>
4. <span style="color: rgb(0, 0, 0);">Clicking the 'Analytics' icon will direct you to the Placement Analytics page.</span>
5. <span style="color: rgb(0, 0, 0);">Additionally, creative details are provided along with a QR code that allows you to preview the ad on a mobile device.</span>

<span style="color: rgb(0, 0, 0);">In case you do not see the Macro of your preferred media partner in the list, please contact us and we will get it added within 24 hours.</span>

****Option 2:****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">On the campaign card, click </span>****"View Creatives"****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> to go to the creative listing page.</span>  
<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Switch to the </span>****Placements****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> tab to view all placements for that campaign.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-2nzvkiih.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click the </span>****Tag Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> icon next to the desired placement to open the modal and copy the tag.</span>

##### ****From the Creative Card****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">On the creative card, click </span>****"View Placements"****<span style="color: rgb(0, 0, 0);">.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-pketbzoz.png)

<span style="color: rgb(0, 0, 0);">A sidebar will appear with all associated placements.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-7cy6cnr5.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Click the </span>****Tag Export****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> icon next to the required placement to open the modal and copy the tag.</span>

****How to download tags?****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To download tags for all or selected placements linked to one or more creatives within the campaign, select the desired placements and click </span>****Download**** <span style="color: rgb(0, 0, 0);">&gt; Tags.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ozj14ilr.png)

<span style="color: rgb(0, 0, 0);">To download tags for all or selected placements of a creative associated with a specific DSP, start by selecting the placements and clicking '</span>****Download Tags****<span style="color: rgb(0, 0, 0);">'.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-hd4vswhw.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Next, choose the media partner and click </span>****'Download'****<span style="color: rgb(0, 0, 0);">.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-09/embedded-image-ztulg27j.png)

<span style="color: rgb(0, 0, 0);">An Excel sheet containing the tags for the selected placements will be downloaded.</span>

# Analytics and Reporting

# Campaign Analytics

#### ****To view analytics for a Campaign:****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Navigate to the </span>****‘Campaigns’****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> module and click the </span>****Analytics icon****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> for the desired campaign.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-3yoa62kb.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> You’ll see a </span>****campaign summary****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> along with individual creative analytics displayed on each creative card.</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> The default date range for which the Analytics are displayed on this page is the last seven days. The date range can be modified by selecting from the date range picker.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-zj6r65ai.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-fnvbj9ah.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-geshguxi.png)

<span style="color: rgb(0, 0, 0);">Scroll down to the ‘</span>****Full Event List****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">’ table to view data for individual metrics. </span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To download the report, click the </span>****Download****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> button to export the data in Excel format.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-46bdxh2i.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> If you scroll down, you will see the hourly breakdown statistics displayed both as a graph and in a table. Hourly reports are available only on a per-day basis.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-j6o1uaag.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-gph2frz0.png)

# Creative Analytics

#### <span style="color: rgb(0, 0, 0);">For</span> ****detailed analytics on a specific creative****<span style="color: rgb(0, 0, 0);">, either:</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Click directly on the </span>****creative summary card**** <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">on the campaign analytics page, which will take you to the </span>****Creative Analytics****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> page, or</span>

  
![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-eyjadelg.png)

<span style="color: rgb(0, 0, 0);">Open the campaign and navigate to the analytics page from the selected creative card.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-dbs3uqa5.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-hwtbkjzz.png)

# Placement Analytics

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To view analytics at the </span>****Placement**** <span style="color: rgb(0, 0, 0);">level:</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Go to the </span>****Placements**** <span style="color: rgb(0, 0, 0);">panel and click the Analytics icon for the placement. This will take you to the Placement Analytics page of that placement.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-xrx8r6dh.png)

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Alternatively, you can click </span>****View Placements****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> on the creative card to see all placements for that creative. From there, click the Analytics icon to view the analytics for a specific placement.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-lbxizwma.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-h88jiqif.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-11/embedded-image-kdazs4up.png)

# Analytics glossary

#### <u>****CAMPAIGN ANALYTICS****</u>

<u>****Campaign Summary****</u>

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-odcrqixj.png)

****Impression -**** <span style="color: rgb(0, 0, 0);">Number of times the Ad is loaded in an active tab</span>

****Views -**** <span style="color: rgb(0, 0, 0);">An Impression is considered Viewable when 50% of the ad is in the viewport of the device for 1 continuous second.</span>

****Click Through Rate -**** <span style="color: rgb(0, 0, 0);">Clicks/(Impressions - Invalid Impressions)\] \* 100</span>

****Clicks -**** <span style="color: rgb(0, 0, 0);">When a user clicks on an ad to be redirected to a Landing Page. These are unique per impression.</span>

****Creatives:****

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-6m7gzlxx.png)

****Compare Data Points:****

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-7wbvmh0a.png)

#### <u>****CREATIVE ANALYTICS****</u>

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-npj2opnt.png)

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-n1s280ng.png)

![](https://docs.adctv.com/uploads/images/gallery/2026-01/embedded-image-06oiijkm.png)

****Impression –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the Ad is loaded in an active tab.</span>

****View –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the Ad has been viewed by the users. An Impression is considered Viewable when 50% of the ad is in the viewport of the device for 1 continuous second.</span>

****Engagement -****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Triggers for the first interaction per Impression.</span>

****Time Spent -****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Total time spent (in seconds) on the ad starts when a user interacts with the ad till the user interacts outside the ad / when the ad goes out of view. </span>

****Exposure -****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> The total duration (in milliseconds) for which an ad is viewable in the user's viewport.</span>

****Adctv ad initialized -****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the Ad with interactive elements has been loaded. This event indicates that the necessary resources for the ad, such as images, videos, or interactive elements, have been fetched and initialized, and the ad is ready to be shown to the user.</span>

****Video Start –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video playback has been initiated.</span>

****First Quartile–****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No of times that 25% of the video has been viewed.</span>

****Mid Point –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No of times that 50% of the video has been viewed.</span>

****Third Quartile –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No of times that 75% of the video has been viewed.</span>

****Complete –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video has been completely viewed.</span>

****Pause –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video has been paused.</span>

****Resume –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video has been resumed.</span>

****Mute –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video has been muted.</span>

****Unmute–****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the video has been unmuted.</span>

****Clicks –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of times the user clicked on the Ad and it was redirected to a landing page.</span>

****QR Scan –****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> No. of QR code scans</span>

# Technical Guides

# Variables From Tags to_Custom_Codes

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">This document explains how to define variables inside </span>****INS tags****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> and </span>****VAST tags****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">, and how these variables are accessed inside your </span>****custom methods****<span style="color: rgb(0, 0, 0);">.</span>

<span style="color: rgb(0, 0, 0);">It also includes syntax, examples, naming conventions, usage flow, and best practices.</span>

#### ****1. Overview****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Variables allow you to pass dynamic values from the </span>****ad tag****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> (INS or VAST) directly into your custom code logic.</span>  
<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> You can control creative behavior such as:</span>

- <span style="color: rgb(0, 0, 0);">Colors</span>
- <span style="color: rgb(0, 0, 0);">Text</span>
- <span style="color: rgb(0, 0, 0);">URLs</span>
- <span style="color: rgb(0, 0, 0);">Durations</span>
- <span style="color: rgb(0, 0, 0);">Images &amp; assets</span>
- <span style="color: rgb(0, 0, 0);">Screen properties</span>
- <span style="color: rgb(0, 0, 0);">Widget-level properties</span>

<span style="color: rgb(0, 0, 0);">This helps make creatives dynamic without re-uploading or editing visuals.</span>

#### ****2. Variables in INS Tags****

<span style="color: rgb(0, 0, 0);">INS tags use the following syntax:</span>

<span style="color: rgb(0, 0, 0);">data-var-{name}="{value}"</span>

****Rules****

- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Replace </span>****{name}****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> with your variable name</span>
- <span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Replace </span>****{value}****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> with your desired value</span>
- <span style="color: rgb(0, 0, 0);">Use lowercase, hyphen-friendly variable names</span>
- <span style="color: rgb(0, 0, 0);">Add unlimited variables</span>
- <span style="color: rgb(0, 0, 0);">All variables become available in your custom code</span>

```
<ins id="adctv"
     class="adctv-ads"
     data-tenant="1"
     data-cdn="https://ads.adctv.com/"
     data-user="54"
     data-campaign="69284d2b2282b"
     data-placement="69313f977d871"
     data-creative="69313829e374f"
     data-height="600"
     data-width="300"
     data-responsive="false"
     data-adtype="generic_ad"
     data-env="false"
     data-var-img="https://ads.adctv.com/assets/1/3b/6931551b16f3b.png"
     data-var-bgcolor="yellow">
</ins>

<script src="https://ads.adctv.com/scripts/src/v2/tag.ins/tag.ins.js"></script>
```

<span style="color: rgb(0, 0, 0);">How variables appear inside your custom method</span>

```html
variables.bgcolor
variables.img
```

#### ****3. Variables in VAST Tags****

<span style="color: rgb(0, 0, 0);">VAST tags support variables by appending them as query parameters:</span>

<span style="color: rgb(0, 0, 0);">&amp;var-{name}={value}</span>

<span style="color: rgb(0, 0, 0);">Example — VAST URL</span>

<span style="color: rgb(0, 0, 0);">https://example.com/vast.xml?creative=123&amp;placement=45 &amp;var-theme=dark &amp;var-autoplay=true &amp;var-volume=0.5</span>

<span style="color: rgb(0, 0, 0);">Inside your custom logic</span>

```javascript
variables.theme       // "dark"
variables.autoplay    // "true"
variables.volume      // "0.5"
```

#### ****4. Accessing Variables Inside Custom Methods****

<span style="color: rgb(0, 0, 0);">Below are the steps required to apply tag variables inside your creative.</span>

##### ****4.1 Select “Events” Tab****

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-khcj7vhu.png)

##### ****4.2 Select a Trigger from the List****

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-16hgfhbw.png)

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-mdhwotoz.png)

##### ****4.4 Create a New Method****

<span style="color: rgb(0, 0, 0);">You can now write your own custom code.</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-xmvx5bro.png)

##### ****4.5 Writing Custom Code (Example)****

<span style="color: rgb(0, 0, 0);">In this example, the creative uses two components:</span>

****Countdown Timer****  
****Image Component****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">The image component has </span>****no uploaded asset****<span style="color: rgb(0, 0, 0);">.</span>  
<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> Instead, we inject the image </span>****dynamically****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> using a variable from the tag.</span>

<span style="color: rgb(0, 0, 0);">We use:</span>

- <span style="color: rgb(24, 128, 56);">img</span><span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> → for image URL</span>
- <span style="color: rgb(24, 128, 56);">bgcolor</span><span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> → for screen background color</span>

****Accessing variables****

```html
variables.img
variables.bgcolor
```

****Important:****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">To apply variables to a specific component, </span>****select the element by its ID****<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> first.The widget and screen IDs will visible on custom method codeblocks</span>

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-jtpvfmss.png)

<span style="color: rgb(0, 0, 0);">Sample Custom Code</span>

```html
/*
Layers and their IDs
 Screen list
 Screen 1 = #s10001_14318

 Widget list
 Countdown = #w10006_74144
 Image = #w10007_24899
*/
let img = document.querySelector("#w10007_24899");
img.children[0].setAttribute("source", variables.img);

let screen = document.querySelector("#s10001_14318");
screen.style.background = variables.bgcolor;
```

##### ****4.6 Save the Custom Event****

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-0kvkwcoo.png)

##### ****4.7 Export the Creative****

![](https://docs.adctv.com/uploads/images/gallery/2025-12/embedded-image-aaioojn1.png)

#### ****5. Updating Variables in the Tag****

<span style="color: rgb(0, 0, 0);">Use the exported INS/VAST tag on your domain and append the variables you want to control.</span>

<span style="color: rgb(0, 0, 0);">These variables will be available inside your custom code through:</span>

```javascript
variables.{name}
// or 
variables["{name}"]
```

<span style="color: rgb(0, 0, 0);">Example INS Tag with Variables</span>

```javascript
<ins id="adctv"
     class="adctv-ads"
     data-tenant="1"
     data-cdn="https://ads.adctv.com/"
     data-user="54"
     data-campaign="69284d2b2282b"
     data-placement="69313f977d871"
     data-creative="69313829e374f"
     data-height="600"
     data-width="300"
     data-responsive="false"
     data-adtype="generic_ad"
     data-env="false"
     data-var-img="https://ads.adctv.com/assets/1/3b/6931551b16f3b.png"
     data-var-bgcolor="yellow">
</ins>
<script src="https://ads.adctv.com/scripts/src/v2/tag.ins/tag.ins.js"></script>
```

****Variables used****

- <span style="color: rgb(24, 128, 56);">data-var-img</span>
- <span style="color: rgb(24, 128, 56);">data-var-bgcolor</span>

****Preview****

[![variables preview.gif](https://docs.adctv.com/uploads/images/gallery/2025-12/variables-preview.gif)](https://docs.adctv.com/uploads/images/gallery/2025-12/variables-preview.gif)

#### ****6. Usage****

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Variables make creatives dynamic and reusable </span>****without modifying the creative****<span style="color: rgb(0, 0, 0);">.</span>

<span style="color: rgb(0, 0, 0);">By simply changing the variables inside the tag, you can deliver different versions instantly.</span>

****This eliminates the need to:****

- <span style="color: rgb(0, 0, 0);">Create multiple creatives</span>
- <span style="color: rgb(0, 0, 0);">Upload separate assets</span>
- <span style="color: rgb(0, 0, 0);">Manage separate placements</span>
- <span style="color: rgb(0, 0, 0);">Duplicate analytics</span>

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">Analytics remain </span>****centralized in a single placement****<span style="color: rgb(0, 0, 0);">.</span>

#### ****7. What Users Can Do With This****

##### ****7.1 Update Widget-Specific Properties****

<span style="color: rgb(0, 0, 0);">Change component properties using variables:</span>

- <span style="color: rgb(0, 0, 0);">Text</span>
- <span style="color: rgb(0, 0, 0);">Colors</span>
- <span style="color: rgb(0, 0, 0);">Images</span>
- <span style="color: rgb(0, 0, 0);">Sizes</span>
- <span style="color: rgb(0, 0, 0);">Timings</span>
- <span style="color: rgb(0, 0, 0);">Visibility</span>
- <span style="color: rgb(0, 0, 0);">URLs</span>

##### ****7.2 Create Region-Specific or Partner-Specific Content****

<span style="color: rgb(0, 0, 0);">Output variations for different:</span>

- <span style="color: rgb(0, 0, 0);">Headlines</span>
- <span style="color: rgb(0, 0, 0);">Offers</span>
- <span style="color: rgb(0, 0, 0);">CTAs</span>
- <span style="color: rgb(0, 0, 0);">Images</span>

<span style="color: rgb(0, 0, 0);">Perfect for large-scale distribution.</span>

##### ****7.3 Enable Real-Time Content Updates****

<span style="color: rgb(0, 0, 0);">Marketing teams can change content instantly by editing tag variables.</span>

- <span style="color: rgb(0, 0, 0);">No rebuild</span>
- <span style="color: rgb(0, 0, 0);">No re-upload</span>
- <span style="color: rgb(0, 0, 0);">No developer needed</span>

##### ****7.4 Reduce Operational Overhead****

<span style="color: rgb(0, 0, 0);">One creative → unlimited variations</span>  
<span style="color: rgb(0, 0, 0);">Cuts down asset creation time and maintenance.</span>

##### ****7.5 Support Dynamic Personalization****

<span style="color: rgb(0, 0, 0);">Variables allow personalization based on:</span>

- <span style="color: rgb(0, 0, 0);">Domain</span>
- <span style="color: rgb(0, 0, 0);">Audience segment</span>
- <span style="color: rgb(0, 0, 0);">Publisher</span>
- <span style="color: rgb(0, 0, 0);">Geo</span>
- <span style="color: rgb(0, 0, 0);">Campaign logic</span>

<span style="color: rgb(0, 0, 0);">Everything becomes adjustable from the tag.</span>

# Context Variables

#### Overview

Context Variables are values describing the user's current environment. They are resolved before the creative is rendered and are available for binding directly in components.

Context variables are divided into two categories:

- ****Context Variables****<span style="white-space: pre-wrap;"> – Values obtained directly from backend services (Geo, Weather, Network, Bot, Time).</span>
- ****Advanced Context Variables****<span style="white-space: pre-wrap;"> – Values computed from one or more raw context variables.</span>

---

#### Variable Categories

<table id="bkmrk-categorysourcedescri"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Category

</th><th>Source

</th><th>Description

</th></tr><tr><td>Geo

</td><td>Backend

</td><td>User location

</td></tr><tr><td>Weather

</td><td>Backend

</td><td>Current weather conditions

</td></tr><tr><td>Network

</td><td>Backend

</td><td>ISP, protocol, RTT

</td></tr><tr><td>Bot

</td><td>Backend

</td><td>Bot detection

</td></tr><tr><td>Time

</td><td>Backend

</td><td>Local time information

</td></tr><tr><td>Device

</td><td>Browser

</td><td>Device characteristics

</td></tr><tr><td>Viewport

</td><td>Browser

</td><td>Viewport dimensions

</td></tr><tr><td>Derived

</td><td>Backend

</td><td>Computed contextual values

</td></tr></tbody></table>

---

#### Context Variables

#### Geo

<table id="bkmrk-variabletypedescript"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Type

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">geo.country</span>`

</td><td>String

</td><td>ISO country code

</td></tr><tr><td>`<span class="editor-theme-code">geo.city</span>`

</td><td>String

</td><td>City name

</td></tr><tr><td>`<span class="editor-theme-code">geo.region</span>`

</td><td>String

</td><td>State or region

</td></tr><tr><td>`<span class="editor-theme-code">geo.lat</span>`

</td><td>Number

</td><td>Latitude

</td></tr><tr><td>`<span class="editor-theme-code">geo.lng</span>`

</td><td>Number

</td><td>Longitude

</td></tr><tr><td>`<span class="editor-theme-code">geo.timezone</span>`

</td><td>String

</td><td>IANA timezone

</td></tr></tbody></table>

---

#### Weather

<table id="bkmrk-variabletypedescript-1"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Type

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">weather.temp</span>`

</td><td>Number

</td><td>Temperature (°C)

</td></tr><tr><td>`<span class="editor-theme-code">weather.feels_like</span>`

</td><td>Number

</td><td>Feels-like temperature

</td></tr><tr><td>`<span class="editor-theme-code">weather.humidity</span>`

</td><td>Number

</td><td>Humidity (%)

</td></tr><tr><td>`<span class="editor-theme-code">weather.condition</span>`

</td><td>String

</td><td>Weather condition

</td></tr><tr><td>`<span class="editor-theme-code">weather.icon</span>`

</td><td>String

</td><td>Icon URL

</td></tr><tr><td>`<span class="editor-theme-code">weather.text</span>`

</td><td>String

</td><td>Description

</td></tr><tr><td>`<span class="editor-theme-code">weather.is_day</span>`

</td><td>Boolean

</td><td>Day/Night

</td></tr><tr><td>`<span class="editor-theme-code">weather.precip</span>`

</td><td>Number

</td><td>Precipitation

</td></tr><tr><td>`<span class="editor-theme-code">weather.wind_speed</span>`

</td><td>Number

</td><td>Wind speed

</td></tr><tr><td>`<span class="editor-theme-code">weather.uv_index</span>`

</td><td>Number

</td><td>UV Index

</td></tr><tr><td>`<span class="editor-theme-code">weather.visibility</span>`

</td><td>Number

</td><td>Visibility

</td></tr><tr><td>`<span class="editor-theme-code">weather.sunrise</span>`

</td><td>String

</td><td>Sunrise

</td></tr><tr><td>`<span class="editor-theme-code">weather.sunset</span>`

</td><td>String

</td><td>Sunset

</td></tr></tbody></table>

---

#### Time

<table id="bkmrk-variabletypedescript-2"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Type

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">time.timestamp</span>`

</td><td>Number

</td><td>Unix timestamp

</td></tr><tr><td>`<span class="editor-theme-code">time.hour</span>`

</td><td>Number

</td><td>Hour (0–23)

</td></tr><tr><td>`<span class="editor-theme-code">time.day_of_week</span>`

</td><td>Number

</td><td>Day index

</td></tr><tr><td>`<span class="editor-theme-code">time.timezone</span>`

</td><td>String

</td><td>IANA timezone

</td></tr></tbody></table>

---

#### Network

<table id="bkmrk-variabletypedescript-3"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Type

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">network.isp</span>`

</td><td>String

</td><td>ISP name

</td></tr><tr><td>`<span class="editor-theme-code">network.asn</span>`

</td><td>Number

</td><td>ASN

</td></tr><tr><td>`<span class="editor-theme-code">network.protocol</span>`

</td><td>String

</td><td>HTTP protocol

</td></tr><tr><td>`<span class="editor-theme-code">network.rtt</span>`

</td><td>Number

</td><td>Round-trip time

</td></tr></tbody></table>

---

#### Bot

<table id="bkmrk-variabletypedescript-4"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Type

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">bot.score</span>`

</td><td>Number | Null

</td><td>Bot score

</td></tr><tr><td>`<span class="editor-theme-code">bot.is_bot</span>`

</td><td>Boolean

</td><td>Bot detection

</td></tr><tr><td>`<span class="editor-theme-code">bot.is_corporate_proxy</span>`

</td><td>Boolean

</td><td>Corporate proxy

</td></tr></tbody></table>

---

### Advanced Context Variables

#### Overview

Advanced Context Variables provide higher-level contextual information that creatives can consume directly without implementing business logic.

---

#### Weather

<table id="bkmrk-variableparametersty"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">weather.temperature_band</span>`

</td><td>`<span class="editor-theme-code">temp</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">hot</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">warm</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">cold</span>`

</td><td>Categorizes the current temperature.

</td></tr><tr><td>`<span class="editor-theme-code">weather.condition_type</span>`

</td><td>`<span class="editor-theme-code">condition</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">sunny</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">cloudy</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">rainy</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">stormy</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">snowy</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">foggy</span>`

</td><td>Normalizes weather conditions into common categories.

</td></tr><tr><td>`<span class="editor-theme-code">weather.uv_level</span>`

</td><td>`<span class="editor-theme-code">uv_index</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">low</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">moderate</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">high</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">extreme</span>`

</td><td>Classifies UV intensity.

</td></tr><tr><td>`<span class="editor-theme-code">weather.comfort_level</span>`

</td><td>`<span class="editor-theme-code">temp</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">humidity</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">comfortable</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">humid</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">hot_humid</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">cold</span>`

</td><td>Indicates perceived outdoor comfort.

</td></tr><tr><td>`<span class="editor-theme-code">weather.wind_level</span>`

</td><td>`<span class="editor-theme-code">wind_speed</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">calm</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">moderate</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">windy</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">stormy</span>`

</td><td>Categorizes wind intensity.

</td></tr><tr><td>`<span class="editor-theme-code">weather.is_daylight</span>`

</td><td>`<span class="editor-theme-code">is_day</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates whether it is currently daytime.

</td></tr><tr><td>`<span class="editor-theme-code">weather.precipitation_level</span>`

</td><td>`<span class="editor-theme-code">precip</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">none</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">light</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">moderate</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">heavy</span>`

</td><td>Classifies precipitation intensity.

</td></tr><tr><td>`<span class="editor-theme-code">weather.visibility_level</span>`

</td><td>`<span class="editor-theme-code">visibility</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">clear</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">moderate</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">poor</span>`

</td><td>Categorizes current visibility.

</td></tr><tr><td>`<span class="editor-theme-code">weather.activity_suitability</span>`

</td><td>`<span class="editor-theme-code">temp</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">precip</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">uv_index</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">wind_speed</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">excellent</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">good</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">poor</span>`

</td><td>Indicates suitability for outdoor activities.

</td></tr></tbody></table>

---

#### Time

<table id="bkmrk-variableparametersty-1"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">time.daypart</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">early_morning</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">morning</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">afternoon</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">evening</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">night</span>`

</td><td>Current part of the day.

</td></tr><tr><td>`<span class="editor-theme-code">time.is_weekend</span>`

</td><td>`<span class="editor-theme-code">day_of_week</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates whether today is Saturday or Sunday.

</td></tr><tr><td>`<span class="editor-theme-code">time.is_work_hours</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_weekend</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates whether current time falls within typical work hours.

</td></tr><tr><td>`<span class="editor-theme-code">time.is_commuting_hours</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates typical commuting periods.

</td></tr><tr><td>`<span class="editor-theme-code">time.meal_period</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">breakfast</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">lunch</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">snack</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">dinner</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">late_night</span>`

</td><td>Current meal period.

</td></tr><tr><td>`<span class="editor-theme-code">time.productivity_state</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">productive</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">relaxed</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">sleeping</span>`

</td><td>General activity state based on time.

</td></tr></tbody></table>

---

#### Network

<table id="bkmrk-variableparametersty-2"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">network.speed_tier</span>`

</td><td>`<span class="editor-theme-code">rtt</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">protocol</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">fast</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">moderate</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">slow</span>`

</td><td>Overall network performance classification.

</td></tr><tr><td>`<span class="editor-theme-code">network.supports_rich_media</span>`

</td><td>`<span class="editor-theme-code">speed_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">protocol</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates whether the connection is suitable for rich media.

</td></tr><tr><td>`<span class="editor-theme-code">network.video_quality_tier</span>`

</td><td>`<span class="editor-theme-code">speed_tier</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">low</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">medium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">high</span>`

</td><td>Recommended video quality tier.

</td></tr></tbody></table>

---

#### Traffic

<table id="bkmrk-variableparametersty-3"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">traffic.quality_tier</span>`

</td><td>`<span class="editor-theme-code">bot_score</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_bot</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_corporate_proxy</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">high</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">medium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">low</span>`

</td><td>Overall traffic quality assessment.

</td></tr><tr><td>`<span class="editor-theme-code">traffic.is_suspicious</span>`

</td><td>`<span class="editor-theme-code">bot_score</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_bot</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_corporate_proxy</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates potentially suspicious traffic.

</td></tr><tr><td>`<span class="editor-theme-code">traffic.trust_score</span>`

</td><td>`<span class="editor-theme-code">bot_score</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_bot</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_corporate_proxy</span>`

</td><td>Number

</td><td>`<span class="editor-theme-code">0–100</span>`

</td><td>Numeric trust score for the request.

</td></tr></tbody></table>

---

#### Audience

<table id="bkmrk-variableparametersty-4"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">audience.outdoor_score</span>`

</td><td>`<span class="editor-theme-code">temp</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">precip</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">uv_index</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">wind_speed</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_daylight</span>`

</td><td>Number

</td><td>`<span class="editor-theme-code">0–100</span>`

</td><td>Indicates how suitable current conditions are for outdoor activity.

</td></tr><tr><td>`<span class="editor-theme-code">audience.outdoor_likelihood</span>`

</td><td>`<span class="editor-theme-code">outdoor_score</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">high</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">medium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">low</span>`

</td><td>Likelihood that the user is outdoors.

</td></tr><tr><td>`<span class="editor-theme-code">audience.commerce_intent</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_weekend</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">daypart</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">temp</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">precip</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">condition_type</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">high</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">medium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">low</span>`

</td><td>Estimated shopping intent.

</td></tr><tr><td>`<span class="editor-theme-code">audience.engagement_likelihood</span>`

</td><td>`<span class="editor-theme-code">quality_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">speed_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">daypart</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">high</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">medium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">low</span>`

</td><td>Estimated likelihood of interacting with the creative.

</td></tr><tr><td>`<span class="editor-theme-code">audience.mobility_state</span>`

</td><td>`<span class="editor-theme-code">hour</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_weekend</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">daypart</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">activity_suitability</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">sleeping</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">commuting</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">working</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">leisure</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">stationary</span>`

</td><td>Estimated current mobility state.

</td></tr><tr><td>`<span class="editor-theme-code">audience.session_mood</span>`

</td><td>`<span class="editor-theme-code">daypart</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_weekend</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">mobility_state</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">condition_type</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">productive</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">relaxed</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">entertainment</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">rushed</span>`

</td><td>Estimated user mindset.

</td></tr><tr><td>`<span class="editor-theme-code">audience.purchase_context</span>`

</td><td>`<span class="editor-theme-code">daypart</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_work_hours</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">is_weekend</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">mobility_state</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">condition_type</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">impulse</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">relaxed</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">functional</span>`

</td><td>Estimated purchasing context.

</td></tr></tbody></table>

---

#### Device

<table id="bkmrk-variableparametersty-5"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">device.rich_media_ready</span>`

</td><td>`<span class="editor-theme-code">speed_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">trust_score</span>`

</td><td>Boolean

</td><td>`<span class="editor-theme-code">true</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">false</span>`

</td><td>Indicates whether the device and connection are suitable for rich media experiences.

</td></tr><tr><td>`<span class="editor-theme-code">device.experience_tier</span>`

</td><td>`<span class="editor-theme-code">speed_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">trust_score</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">quality_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">rich_media_ready</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">premium</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">standard</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">lite</span>`

</td><td>Recommended creative experience tier.

</td></tr></tbody></table>

---

#### Media

<table id="bkmrk-variableparametersty-6"><colgroup><col></col><col></col><col></col><col></col><col></col></colgroup><tbody><tr><th>Variable

</th><th>Parameters

</th><th>Type

</th><th>Possible Values

</th><th>Description

</th></tr><tr><td>`<span class="editor-theme-code">media.video_quality</span>`

</td><td>`<span class="editor-theme-code">speed_tier</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">video_quality_tier</span>`

</td><td>String

</td><td>`<span class="editor-theme-code">240p</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">480p</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">720p</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">1080p</span>`

</td><td>Recommended maximum video resolution for the current connection.

</td></tr></tbody></table>