Tatari CTV Ad

An example of a Tatari Connected TV (CTV) Ad preview component.

Last updated: December 17, 2025

Powered by Tatari
EcoLiving EssentialsEcoLiving Essentials

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
}
Edit on GitHub
Was this helpful?