Saltar para o conteúdo principal
Os marketplaces usam anúncios nativos que consistem não apenas em imagens, mas também em múltiplos campos de texto, imagens de fundo, imagens de primeiro plano e outros elementos personalizáveis. Esses elementos podem variar entre diferentes posicionamentos, tornando desafiador manter a consistência e otimizar a criação de anúncios entre campanhas.
Os modelos criativos fornecem uma solução oferecendo banners pré-projetados que permitem às equipes construir anúncios rapidamente seguindo uma estrutura organizada e repetível. Esses modelos são altamente personalizáveis e podem incluir campos específicos. Seja necessário campos para um botão, imagens, títulos, parâmetros personalizados ou outros elementos de design, os modelos permitem padronizar e simplificar o processo.
exemplo de um anúncio em banner.
Limitação de Gerenciamento de Modelos: Atualmente, os modelos não podem ser editados ou excluídos uma vez criados. Planeje cuidadosamente a estrutura do seu modelo antes da criação para garantir que atenda às suas necessidades de campanha a longo prazo.

​
Como Funciona

​
Criando um Novo Modelo

Os varejistas podem criar modelos personalizados adaptados às suas necessidades. Esses modelos podem ser configurados com vários campos, como texto, imagens, links externos e outros elementos, para atender aos requisitos específicos do posicionamento. Veja como você pode criar e configurar um novo modelo:
1

Ao criar um modelo, primeiro defina a imagem de visualização estática e os campos que comporão o modelo. Para cada campo, você precisará especificar:

  • Tipo de Campo: Escolha entre texto, imagem, seleção, botão, link, etc.
  • Variável: O nome da variável que o campo vai usar.
  • Nome do Campo: Defina um rótulo claro para o campo para identificá-lo no processo de criação da campanha.
  • Descrição: Forneça uma explicação ou instruções sobre o que deve ser inserido no campo.
  • Obrigatório ou Opcional: Decida se o campo é obrigatório para os anunciantes preencherem, ou se pode ser deixado em branco.
  • MinLength: número mínimo de caracteres para campos de texto
  • MaxLength: número máximo de caracteres para campos de texto
  • Default: valor padrão para o campo
  • Prefix: para campos do tipo link, eles começarão com o prefixo
  • MultiSelect: para campos do tipo seleção se o usuário deve selecionar um ou múltiplos
  • Options (querystring): chaves e valores para campos do tipo seleção
Isso pode ser feito usando um CSV ou a UI
Captura de tela da criação de novo modelo
Captura de tela da revisão do novo modelo
2

Em seguida, dê a ele um nome único, uma breve descrição para ajudar os anunciantes a entender seu propósito pretendido e, opcionalmente, adicione uma URL de visualização dinâmica.

Captura de tela da revisão do novo modelo

​
Configuração de Visualização Dinâmica

Disponibilidade de Visualização Dinâmica: A funcionalidade de visualização dinâmica está disponível apenas para modelos que especificamente habilitam este recurso durante a criação.
URLs de visualização dinâmica permitem visualização em tempo real de como os campos do modelo aparecerão no posicionamento real do anúncio. O sistema de visualização carrega sua URL especificada em um iframe e preenche dinamicamente as variáveis do modelo com dados da campanha.
1

Prepare Seu Ambiente de Visualização

Antes de configurar a visualização dinâmica no modelo, certifique-se de ter uma URL de visualização disponível que possa renderizar a estrutura do modelo. Isso pode ser em seu ambiente de desenvolvimento local ou em uma aplicação de staging implantada.
2

Configure o Padrão de URL de Visualização

Configure sua URL de visualização dinâmica usando marcadores de variáveis de modelo. A estrutura da URL deve incluir parâmetros que correspondem aos campos do seu modelo:
https://your-preview-domain.com/?slotId=slot-1&headline={headline}&mainImage={urlEncodedImageURL}&price={price}&availability={availability}
3

Integração de Variáveis do Modelo

O sistema de visualização substituirá automaticamente as variáveis do modelo na URL com valores reais conforme os anunciantes preenchem os campos da campanha, permitindo atualizações de visualização em tempo real.
4

Renderização do Lado do Cliente

Sua URL de visualização deve incluir a lógica necessária do lado do cliente para localizar e preencher elementos do modelo com os parâmetros fornecidos.
Requisitos da URL de Visualização: Sua URL de visualização deve estar acessível e incluir a lógica de renderização necessária para exibir o conteúdo do modelo corretamente. O sistema usa JavaScript do lado do cliente para substituir conteúdo dentro de elementos de modelo designados.

​
Usando Modelos

1

Escolha começar a partir de um modelo

Captura de tela da escolha de um modelo existente
2

Selecione um modelo da lista

Captura de tela da seleção de modelo existente
3

Preencha os campos do modelo

Captura de tela do preenchimento do modelo existente
4

Continue com o fluxo de criação de campanha de banner

Captura de tela do uso do modelo na campanha

​
Estrutura de Resposta do Modelo

Cada vencedor na resposta do leilão inclui um objeto content contendo os parâmetros configurados durante a criação da campanha:
{
  "results": [
    {
      "resultType": "banners",
      "winners": [
        {
          "rank": 1,
          "asset": [
            {
              "url": "https://topsortassets.com/000.json",
              "content": {
                "cta": "Shop Now",
                "mainImage": "https://topsortassets.com/0001.png",
                "headline": "Test Headline",
                "backgroundImage": "https://topsortassets.com/0002.jpeg"
              }
            }
          ],
          "type": "url",
          "id": "http://topsort.com",
          "resolvedBidId": "ChAGiHlBYmh4DaUEsuubfw7wEhABl8c_uHx3Aa8pw_EgHrHIGhABjoa6wYJ3wqhfIGHIdxYgIhYKEmh0dHA6Ly90b3Bzb3J0LmNvbRAFMOGtDw",
          "vendorId": "babolat",
          "campaignId": "0197c73f-b87c-7701-af29-c3f1201eb1c8"
        }
      ],
      "error": false
    }
  ]
}
A estrutura do objeto content corresponde diretamente aos campos do modelo configurados durante a criação do modelo, permitindo que seu frontend renderize dinamicamente os elementos criativos apropriados para cada posicionamento.
Nota de Implementação: Use as variáveis dos campos do modelo como chaves na sua lógica de renderização para garantir consistência entre a configuração da campanha e a exibição frontend em todos os posicionamentos.
Última atualização: