Getting Started Guide

Introduction

The @apisurf/react-ad-preview library allows you to visualize how your ad content appears across different platform ad formats.

It covers platform ad previews for: Meta, Google, Bing, X, TikTok, YouTube, Reddit, Pinterest, Snapchat and more.

Setup

Install the package.

npm install @apisurf/react-ad-preview
// or
pnpm add @apisurf/react-ad-preview

Then, import the component that you want wherever you need it:

import { AdGoogle } from '@apisurf/react-ad-preview'

Finally, use the component in your JSX:

<AdGoogle
  url="https://luxuryhomesflorida.com"
  headlines={[
    "Luxury Homes Florida",
    "Find Your Dream Waterfront Property",
    "Expert Real Estate Consultants",
  ]}
  description={[
    "Discover exclusive waterfront properties in South Florida. From Miami Beach to Palm Beach Gardens, find your perfect luxury home with our award-winning real estate team.",
    "Premium listings starting from $1.2M. Schedule a private viewing today. Virtual tours available for international buyers.",
    "Over 20 years of experience in luxury real estate. Full-service property management and concierge services available.",
  ]}
  sitelink={[
    "View Featured Listings",
    "Schedule Viewing",
    "Meet Our Team",
    "Property Management",
  ]}
/>