Hulu CTV Ad

Usage example

For initial setup instructions, please refer to the getting started guide.

A simple way to implement Hulu CTV Ad preview component with an example code block:

import { AdHuluCtv } from "@apisurf/react-ad-preview";

<AdHuluCtv
  adVideo="/video/landscape.mp4"
  profileName="StreamFlix Original"
  content="Watch 'The Adventure Chronicles' - A StreamFlix Original Series\n\nEmbark on an epic journey through uncharted territories with our groundbreaking new series. Follow the extraordinary tales of explorers as they push the boundaries of human achievement.\n\nNew episodes every Friday, only on StreamFlix."
  ctaBtnText="Start Your Free Trial"
  ctaURL="https://example.com/signup"
/>;

Props Interface

The AdHuluCtv component accepts the following props:

interface AdProps {
  adVideo: string; // URL of the video to be played
  profileName: string; // Name of the advertiser/brand
  content: string; // Main ad content/description
  ctaBtnText: string; // Text for the call-to-action button
  ctaURL: string; // URL for the call-to-action button
}