Tatari CTV Ad
An example of a Tatari Connected TV (CTV) Ad preview component.
Last updated: December 17, 2025
Powered by Tatari
Discover Sustainable Living with EcoLiving Essentials\n\nMake your home eco-friendly without compromising on style. Our sustainable home products are designed to reduce your carbon footprint while enhancing your living space.\n\nJoin thousands of conscious consumers who have already made the switch!
Advertisement30s
Usage example
For initial setup instructions, please refer to the getting started guide.
A simple way to implement Tatari CTV Ad preview component with an example code block:
import { AdTatariCtv } from "@apisurf/react-ad-preview";
<AdTatariCtv
adVideo="/video/landscape.mp4"
advertiserName="EcoLiving Essentials"
advertiserLogo="https://placehold.co/200x200"
ctaText="Transform Your Home Today"
ctaURL="https://example.com/eco-living"
content="Discover Sustainable Living with EcoLiving Essentials\n\nMake your home eco-friendly without compromising on style. Our sustainable home products are designed to reduce your carbon footprint while enhancing your living space.\n\nJoin thousands of conscious consumers who have already made the switch!"
duration={30}
/>;
Props Interface
The AdTatariCtv component accepts the following props:
interface AdProps {
adVideo: string; // URL of the video to be played
advertiserName: string; // Name of the advertiser/brand
advertiserLogo?: string; // Optional URL of the advertiser's logo
ctaText: string; // Text for the call-to-action
ctaURL: string; // URL for the call-to-action
content: string; // Main ad content/description
duration?: number; // Optional duration of the ad in seconds
}