Skip to content
  • product
  • react ad preview
  • docs
  • examples
  • tatari ctv

Tatari CTV Ad

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

Section titled “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

Section titled “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
}