> ## 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.

# Plataforma de Anúncios | Integração Padrão

> Aprenda como criar e gerenciar campanhas na plataforma Topsort

export const IntegrationsCard1APt = () => {
  return <>
      <style>{`
        .integrations-card-1a-pt {
          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-pt:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a-pt {
          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-pt:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

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

        .integrations-card-1a-pt-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-pt-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a-pt 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-pt h2 {
          color: #f9fafb;
        }

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

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

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

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

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

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

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

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

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

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

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

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

          .integrations-card-1a-pt-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a-pt">
        <div className="integrations-card-1a-pt-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/gui.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/linn.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/max.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
        </div>

        <h2>Precisa de ajuda com sua integração Topsort?</h2>

        <p className="integrations-card-1a-pt-subtitle">
          Fale conosco, a equipe de engenharia de integrações.
        </p>

        <p>
          Entre em contato através do <strong>seu canal de mensagens dedicado</strong> ou em{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Se você ainda não é cliente,{" "}
          <a href="https://www.topsort.com/book-a-demo">agende uma demo</a> com nossa
          equipe de vendas.
        </p>
      </div>
    </>;
};

**Plataforma de Anúncios** é sua solução publicitária completa e pronta para uso, projetada para marketplaces que buscam lançar e expandir seu negócio de mídia de varejo rapidamente. Construída para facilitar o uso e a implementação rápida, fornece tudo o que você precisa para começar a monetizar seu tráfego sem um extenso trabalho de desenvolvimento.

Com a Plataforma de Anúncios, você obtém ferramentas pré-construídas para gestão de campanhas, painéis de relatórios, rastreamento de eventos e múltiplas opções de integração que funcionam com a infraestrutura existente do seu marketplace. Seja exibindo anúncios de banner ou listagens de produtos patrocinados, a Plataforma de Anúncios cuida da complexidade para que você possa se concentrar em aumentar a receita.

## Para Quem É?

A Plataforma de Anúncios é ideal para:

* **Marketplaces** que buscam integração rápida com pouco código
* **Equipes de produto** que querem lançar anúncios sem extenso trabalho de backend
* **Negócios** que buscam funcionalidades publicitárias padrão com personalização mínima

<Note>
  **Precisa de mais controle?** Se você requer acesso completo à API e implementações personalizadas, explore o [Ad Server](/pt/ad-server) em vez disso.
</Note>

## Recursos Principais

<CardGroup cols={2}>
  <Card title="Integração com Pouco Código" icon="bolt">
    Configuração rápida com ferramentas pré-construídas
  </Card>

  <Card title="Gestão de Campanhas" icon="rectangle-ad">
    Crie e gerencie campanhas publicitárias
  </Card>

  <Card title="Análises e Relatórios" icon="chart-line">
    Painéis e relatórios prontos para uso
  </Card>

  <Card title="Múltiplos Formatos de Anúncios" icon="grid-2">
    Anúncios de banner e listagens patrocinadas
  </Card>
</CardGroup>

## Opções de Integração

Escolha o caminho de integração que se adequa ao seu marketplace:

### Banners

Exiba anúncios de banner em seu marketplace com configuração mínima.

<CardGroup cols={2}>
  <Card title="Banners.js" icon="js" href="/pt/ad-platform/banners/bannersjs">
    SDK JavaScript para anúncios banner
  </Card>

  <Card title="Google Tag Manager" icon="tag" href="/pt/ad-platform/banners/google-tag-manager">
    Implemente banners com GTM
  </Card>
</CardGroup>

### Listagens

Monetize os resultados de busca de produtos com listagens patrocinadas.

<CardGroup cols={2}>
  <Card title="Product Feed" icon="database" href="/pt/ad-platform/listings/product-feed">
    Importe catálogo com feeds
  </Card>

  <Card title="Topsort Proxy" icon="arrows-left-right" href="/pt/ad-platform/listings/topsort-proxy">
    Enriqueça resultados com produtos patrocinados
  </Card>

  <Card title="Analytics.js" icon="chart-simple" href="/pt/ad-platform/listings/analytics-js">
    Rastreie interações e conversões
  </Card>
</CardGroup>

### SDKs e Bibliotecas

Bibliotecas cliente para integração perfeita em sua aplicação.

<CardGroup cols={2}>
  <Card title="JavaScript SDK" icon="js" href="/pt/ad-platform/sdks/javascript-sdk">
    SDK web do lado do cliente
  </Card>

  <Card title="iOS SDK" icon="apple" href="/pt/ad-platform/sdks/ios">
    SDK nativo Swift para iOS
  </Card>

  <Card title="Android SDK" icon="android" href="/pt/ad-platform/sdks/android">
    SDK nativo Kotlin para Android
  </Card>

  <Card title="PHP SDK" icon="php" href="/pt/ad-platform/sdks/topsort-php">
    Biblioteca PHP do lado do servidor
  </Card>
</CardGroup>

### Plugins de Plataforma

Integrações pré-construídas para plataformas de e-commerce populares.

<CardGroup cols={2}>
  <Card title="VTEX Plugin" icon="plug" href="/pt/ad-platform/plugins/vtex">
    Integração nativa para marketplace VTEX
  </Card>

  <Card title="Salesforce Plugin" icon="salesforce" href="/pt/ad-platform/plugins/salesforce">
    Integração Salesforce Commerce Cloud
  </Card>
</CardGroup>

## Primeiros Passos

Novo na Plataforma de Anúncios? Siga estes passos:

1. **Escolha seu método de integração** - Selecione entre banners, listagens, SDKs ou plugins
2. **Importe seu catálogo** - Use feeds de produtos para disponibilizar seu inventário para anúncios
3. **Configure posicionamentos de anúncios** - Integre nossas ferramentas onde você quer que os anúncios apareçam
4. **Habilite campanhas** - Permita que anunciantes criem e gerenciem campanhas
5. **Rastreie e otimize** - Monitore o desempenho e otimize para melhores resultados

<Tip>
  Comece com [Product Feed](/pt/ad-platform/listings/product-feed) para importar seu catálogo, depois adicione [Banners.js](/pt/ad-platform/banners/bannersjs) ou [Topsort Proxy](/pt/ad-platform/listings/topsort-proxy) para exibir anúncios.
</Tip>

## Precisa de Controle Total da API?

Embora a Plataforma de Anúncios forneça excelente funcionalidade pronta para uso, alguns negócios precisam de flexibilidade completa:

* **Lógica de anúncios personalizada** e algoritmos de classificação
* **Controle total** sobre a mecânica de leilões
* **Integrações avançadas** com sistemas proprietários
* **Rastreamento de eventos personalizado** e análises

Se isso descreve suas necessidades, explore o [Ad Server](/pt/ad-server) para acesso completo à API e máxima personalização.

<IntegrationsCard1APt />