> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ad Platform | Standard Integration

> Learn how to create and manage campaigns on the Topsort platform

export const IntegrationsCard1A = () => {
  return <>
      <style>{`
        .integrations-card-1a {
          display: flex;
          flex-direction: column;
          background-color: #f0f2f4;
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: 12px;
          padding: 1.25rem 1.5rem;
          gap: 0.25rem;
          color: #25253b;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
          transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
          margin-top: 2rem;
        }

        .integrations-card-1a:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a {
          background-color: #25253b;
          color: #f6f8fa;
          border-color: rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .dark .integrations-card-1a:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

        .integrations-card-1a-avatar-row {
          display: flex;
          margin-left: 14px;
          flex-wrap: nowrap;
        }

        .integrations-card-1a-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          border: 2px solid #f0f2f4;
          margin-left: -14px;
          object-fit: cover;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          pointer-events: none;
          cursor: default;
        }

        .dark .integrations-card-1a-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a h2 {
          margin: 0;
          line-height: 1.25;
          font-size: clamp(1.25rem, calc(0.875rem + 1.25vw), 1.75rem);
          font-weight: 700;
          letter-spacing: -0.025em;
          color: #111827;
        }

        .dark .integrations-card-1a h2 {
          color: #f9fafb;
        }

        .integrations-card-1a-subtitle {
          font-size: 0.9375rem;
          font-weight: 500;
          line-height: 1.5;
          color: #4b5563;
          margin: 0;
        }

        .dark .integrations-card-1a-subtitle {
          color: #d1d5db;
        }

        .integrations-card-1a p {
          margin: 0;
          line-height: 1.5;
          font-size: 0.875rem;
          color: #374151;
        }

        .dark .integrations-card-1a p {
          color: #d1d5db;
        }

        .integrations-card-1a a {
          color: #0500ff;
          text-decoration: none;
          font-weight: 500;
          transition: color 0.15s ease;
        }

        .integrations-card-1a a:hover {
          color: #0400cc;
        }

        .dark .integrations-card-1a a {
          color: #8280ff;
        }

        .dark .integrations-card-1a a:hover {
          color: #a19fff;
        }

        @media (max-width: 640px) {
          .integrations-card-1a-avatar {
            width: 38px;
            height: 38px;
            margin-left: -12px;
          }

          .integrations-card-1a-avatar-row {
            margin-left: 12px;
          }
        }

        @media (min-width: 1280px) {
          .integrations-card-1a p {
            font-size: 0.6875rem;
            line-height: 1.4;
            letter-spacing: -0.01em;
          }

          .integrations-card-1a h2 {
            font-size: clamp(1rem, calc(0.75rem + 1vw), 1.25rem);
          }

          .integrations-card-1a-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a">
        <div className="integrations-card-1a-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="Agustin - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="Amelia - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="Bernardita - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="Borumy - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="Felipe - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/gui.webp" alt="Gui - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="Javiera - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/linn.webp" alt="Linn - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="Marcio - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="Mateus - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/max.webp" alt="Max - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="Rodrigo - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
        </div>

        <h2>Need help with your Topsort integration?</h2>

        <p className="integrations-card-1a-subtitle">
          Talk to us, the integrations engineering team.
        </p>

        <p>
          Reach us via <strong>your dedicated messaging channel</strong> or at{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          If you're not a customer yet,{" "}
          <a href="https://www.topsort.com/book-a-demo">book a demo</a> with our
          sales team instead.
        </p>
      </div>
    </>;
};

**Ad Platform** is your complete, out-of-the-box advertising solution for marketplaces looking to launch and grow their retail media business quickly. Built for ease of use and rapid deployment, it provides everything you need to start monetizing your traffic without extensive development work.

With Ad Platform, you get pre-built tools for campaign management, reporting dashboards, event tracking, and multiple integration options that work with your existing marketplace infrastructure. Whether you're displaying banner ads or sponsored product listings, Ad Platform handles the complexity so you can focus on growing revenue.

## Who Is This For?

Ad Platform is ideal for:

* **Marketplaces** looking for quick, low-code integration
* **Product teams** who want to launch ads without extensive backend work
* **Businesses** seeking standard advertising features with minimal customization

<Note>
  **Need more control?** If you require full API access and custom implementations, explore [Ad Server](/en/ad-server) instead.
</Note>

## Key Features

<CardGroup cols={2}>
  <Card title="Low-Code Integration" icon="bolt">
    Quick setup with pre-built tools
  </Card>

  <Card title="Campaign Management" icon="rectangle-ad">
    Create and manage ad campaigns
  </Card>

  <Card title="Analytics & Reporting" icon="chart-line">
    Ready-made dashboards and reporting
  </Card>

  <Card title="Multiple Ad Formats" icon="grid-2">
    Banner ads and sponsored listings
  </Card>
</CardGroup>

## Integration Options

Choose the integration path that fits your marketplace:

### Banners

Display banner advertisements across your marketplace with minimal setup.

<CardGroup cols={2}>
  <Card title="Banners.js" icon="js" href="/en/ad-platform/banners/bannersjs">
    JavaScript SDK for banner ads
  </Card>

  <Card title="Google Tag Manager" icon="tag" href="/en/ad-platform/banners/google-tag-manager">
    Deploy banners with GTM
  </Card>
</CardGroup>

### Listings

Monetize your product search results with sponsored listings.

<CardGroup cols={2}>
  <Card title="Product Feed" icon="database" href="/en/ad-platform/listings/product-feed">
    Import catalog with feeds
  </Card>

  <Card title="Topsort Proxy" icon="arrows-left-right" href="/en/ad-platform/listings/topsort-proxy">
    Enrich search results with sponsored products
  </Card>

  <Card title="Analytics.js" icon="chart-simple" href="/en/ad-platform/listings/analytics-js">
    Track user interactions and conversions
  </Card>
</CardGroup>

### SDKs & Libraries

Client libraries for seamless integration into your application.

<CardGroup cols={2}>
  <Card title="JavaScript SDK" icon="js" href="/en/ad-platform/sdks/javascript-sdk">
    Client-side web SDK
  </Card>

  <Card title="iOS SDK" icon="apple" href="/en/ad-platform/sdks/ios">
    Native Swift SDK for iOS apps
  </Card>

  <Card title="Android SDK" icon="android" href="/en/ad-platform/sdks/android">
    Native Kotlin SDK for Android apps
  </Card>

  <Card title="PHP SDK" icon="php" href="/en/ad-platform/sdks/topsort-php">
    Server-side PHP library
  </Card>
</CardGroup>

### Platform Plugins

Pre-built integrations for popular e-commerce platforms.

<CardGroup cols={2}>
  <Card title="VTEX Plugin" icon="plug" href="/en/ad-platform/plugins/vtex">
    Native VTEX marketplace integration
  </Card>

  <Card title="Salesforce Plugin" icon="salesforce" href="/en/ad-platform/plugins/salesforce">
    Salesforce Commerce Cloud integration
  </Card>
</CardGroup>

## Getting Started

New to Ad Platform? Follow these steps:

1. **Choose your integration method** - Select from banners, listings, SDKs, or plugins
2. **Import your catalog** - Use product feeds to make your inventory available for ads
3. **Set up ad placements** - Integrate our tools where you want ads to appear
4. **Enable campaigns** - Allow advertisers to create and manage campaigns
5. **Track & optimize** - Monitor performance and optimize for better results

<Tip>
  Start with [Product Feed](/en/ad-platform/listings/product-feed) to import your catalog, then add [Banners.js](/en/ad-platform/banners/bannersjs) or [Topsort Proxy](/en/ad-platform/listings/topsort-proxy) for ad display.
</Tip>

## Need Full API Control?

While Ad Platform provides excellent out-of-the-box functionality, some businesses need complete flexibility:

* **Custom ad logic** and ranking algorithms
* **Full control** over auction mechanics
* **Advanced integrations** with proprietary systems
* **Custom event tracking** and analytics

If this describes your needs, explore [Ad Server](/en/ad-server) for complete API access and maximum customization.

<IntegrationsCard1A />