Criar anúncios do Gmail com HTML personalizado

A partir de 1º de julho de 2021, as campanhas publicitárias do Gmail passarão a ser "somente leitura". Após essa data, os anunciantes não poderão criar novas campanhas do Gmail nem fazer mudanças em campanhas existentes, incluindo editar anúncios.

Para continuar veiculando anúncios no Gmail, crie uma campanha Discovery. Com os anúncios Discovery, é possível expandir o alcance do Gmail para outras plataformas do Google, incluindo o YouTube e o Discover, alcançando três bilhões de pessoas por mês. Saiba mais sobre como criar e gerenciar anúncios Discovery

Ideal para anunciantes avançados, o HTML personalizado permite criar anúncios diferentes dos modelos de anúncios do Gmail. Esses anúncios podem incluir vídeos e várias calls-to-action. Para criar anúncios do Gmail com layout personalizado, faça o upload dos seus próprios arquivos HTML personalizados no Google Ads.

Este artigo explica como configurar e fazer o upload de anúncios personalizados do Gmail.

Antes de começar

Importante: os anúncios HTML personalizados do Gmail mantêm a formatação do URL de destino e não são compatíveis com URLs finais e modelos de acompanhamento. Saiba mais sobre URLs atualizados.

Instruções

Um anúncio do Gmail com HTML personalizado é uma pasta ZIP que contém todos os arquivos do seu anúncio recolhido e expandido. Para evitar problemas, preste atenção nas rigorosas especificações de formatação detalhadas abaixo.

Os limites de tamanho gerais do seu anúncio são:

  • Toda a pasta ZIP: <1,25 MB
  • Número de arquivos: <100 arquivos
  • Tamanho do arquivo: <500 KB

Como criar seu anúncio recolhido

Para o anúncio recolhido, você precisa incluir dois arquivos na pasta ZIP:

  • A imagem do logotipo (chamada "logo.png", "logo.jpg" ou "logo.gif")
  • O arquivo de texto (chamado "teaser.txt")

Especificações da imagem do logotipo

O nome do arquivo precisa ser exatamente "logo.png", "logo.jpg" ou "logo.gif", e ele deve ter o formato PNG, JPG ou GIF.

  • Tamanho da imagem do logotipo: até 144 px por 144 px com proporção de 1:1
  • Tamanho do arquivo de imagem: 150 KB
  • Formatos do arquivo: PNG, JPG ou GIF (sem animação)

A imagem do logotipo é um pequeno ícone, um gráfico ou o logotipo da marca.

A imagem será exibida como um quadrado de 50 x 50 em dispositivos com resolução normal, mas aceitamos até 150 KB para uma visualização mais clara em algumas telas.

Especificações do arquivo de texto

O nome do arquivo precisa ser exatamente "teaser.txt", e ele deve ter o formato TXT. Veja um exemplo de um arquivo de texto formatado adequadamente.

Anunciante: [nome da empresa]
Assunto: 20% de desconto na [nome da empresa]
Descrição: Compre novos produtos por preços baixos!
URL de visualização: www.example.com
Página de destino: https://www.example.com/promocao

Observação: siga o exemplo com precisão e insira os títulos em inglês exatamente como mostrado abaixo. Além disso, inclua a categoria (como "Anunciante") e suas informações específicas. A tabela abaixo indica os limites de caracteres e mais orientações sobre o que adicionar.

Títulos Limites de caracteres O que incluir
Anunciante 20 O nome ou domínio da sua empresa.
Assunto 25 Seu título pode incluir uma oferta, o percentual de desconto ou um anúncio atraente.
Descrição 90 Sua descrição pode ser um breve resumo ou uma call-to-action.
URL de visualização 32 Seu URL no formato para exibição no anúncio
Página de destino sem limite URL de redirecionamento do teaser, usado como o URL de destino para cliques no "URL curto exibido pelo remetente" quando o anúncio expandido é aberto. Você pode adicionar um URL de monitoramento estático de cliques nesse campo. Essa é a página que as pessoas acessarão depois de clicar no URL de visualização.

 

Como criar seu anúncio expandido

Para o anúncio expandido, você precisa adicionar um arquivo HTML e uma pasta de imagens à pasta ZIP:

  • Pasta de imagens (chamada "Images") com arquivos de imagem para o anúncio expandido
  • Arquivo HTML chamado exatamente "index.html"

Especificações da pasta de imagens

  • Seu anúncio precisa ter pelo menos uma imagem e pode ter até 100 imagens. Para incorporar vídeos no seu anúncio expandido, pule para a seção de vídeo abaixo.
  • Largura máxima por imagem: 650 px
  • Altura máxima por imagem: 1.000 px. Observação: para anúncios mais eficientes, recomendamos definir uma altura de no máximo 650 px para toda a área do anúncio, incluindo o texto e as imagens.

Especificações do arquivo HTML

Detalhes técnicos

  • URLs: o arquivo precisa conter pelo menos um URL absoluto (pode conter até 15) e todos os caracteres especiais precisam ser codificados (por exemplo, espaços, #).
  • Formatação: controle o layout com tabelas HTML padrão para garantir apresentação consistente em vários dispositivos.
  • Acompanhamento: URLs de monitoramento estáticos podem ser usados para acompanhar cliques externos. Não são permitidos pixels de rastreamento de impressões e URLs de rastreamento dinâmicos.Se você estiver usando o modelo "Anúncio HTML personalizado do Gmail", adicione os URLs de rastreamento a serem usados nos arquivos index.html e teaser.txt.
  • Marcação: HTML (use a codificação UTF8), algumas tags HTML5 ("ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR") e alguns CSSs (somente o atributo de estilo das tags, por exemplo, <div style="color: black" >) são compatíveis.

Marcação não permitida

  • JavaScript: as tags <script> serão removidas automaticamente do anúncio
  • Folhas de estilo: as tags <link> serão removidas automaticamente do anúncio
  • Flash
  • HTML5: as únicas tags suportadas são "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR"
  • Áudio
  • iFrames
  • Imagens animadas: GIFs

CSS suportado

azimuth border-right-color font-size-adjust list-style padding-bottom text-decoration-style
background border-right-style font-stretch list-style-image padding-left text-emphasis
background-attachment border-right-width font-style list-style-position padding-right text-emphasis-color
background-blend-mode border-spacing font-synthesis list-style-type padding-top text-emphasis-style
background-clip border-style font-variant margin pause text-indent
background-color border-top font-variant-alternatives margin-bottom pause-after text-justify
background-image border-top-color font-variant-caps margin-left pause-before text-kashida-space
background-origin border-top-left-radius font-variant-east-asian margin-right pitch text-orientation
background-position border-top-right-radius font-variant-ligatures margin-top pitch-range text-overflow
background-repeat border-top-style font-variant-numeric marker-offset quotes text-transform
background-size border-top-width font-weight max-height richness text-underline-position
border border-width height max-width speak unicode-bidi
border-bottom box-sizing image-orientation min-height speak-header vertical-align
border-bottom-color caption-side image-resolution min-width speak-numeral voice-family
border-bottom-left-radius clear ime-mode mix-blend-mode speak-punctuation white-space
border-bottom-right-radius color isolation object-fit speech-rate width
border-bottom-style direction layout-flow object-position stress word-break
border-bottom-width display layout-grid opacity table-layout word-spacing
border-collapse elevation layout-grid-char outline text-align word-wrap
border-color empty-cells layout-grid-char-spacing outline-color text-align-last writing-mode
border-left float layout-grid-line outline-style text-autospace zoom
border-left-color font layout-grid-mode outline-width text-combine-upright  
border-left-style font-family layout-grid-type overflow text-decoration  
border-left-width font-feature-settings letter-spacing overflow-x text-decoration-color  
border-radius font-kerning line-break overflow-y text-decoration-line  
border-right font-size line-height padding text-decoration-skip  

Adicionar um vídeo ao arquivo HTML do anúncio expandido

  1. Como adicionar um vídeo

    Um vídeo do YouTube pode ser incorporado a um anúncio com uma janela de visualização. Quando um usuário em um computador clica na imagem de vídeo, o vídeo é reproduzido em um lightbox no Gmail. Depois que o usuário termina de assistir o vídeo, ele volta para o anúncio expandido do Gmail. Em dispositivos móveis, o vídeo é reproduzido no player de vídeo escolhido pelo usuário (como no app YouTube ou em um navegador).

    Instruções: para adicionar um vídeo do YouTube, codifique o link do YouTube, a fonte da imagem e o texto de exibição para adequação ao seu anúncio. Por exemplo:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0"><img src="images/play.jpg" alt="Gmail Video"></a>

    Observação: quando você visualiza o anúncio no Google Ads, o vídeo do YouTube não aparece e não é reproduzido no lightbox.

  2. Como adicionar um vídeo em uma nova guia

    Se você quer reproduzir no YouTube em uma nova guia, e não em um lightbox, defina a classe como "nonplayable".

    Por exemplo:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0" class="nonplayable"><img src="images/play.jpg" alt="Vídeo do Gmail"></a>

  3. Importante: inclua um botão "Reproduzir" na imagem de visualização.

    Para que as pessoas saibam que o clique na imagem reproduz um vídeo, sua imagem de visualização deve incluir algum tipo de botão de reprodução. O Google Ads não adiciona nada a imagens de visualização para indicar que elas são vídeos.

Links relacionados

Isso foi útil?
Como podemos melhorá-lo?

Precisa de mais ajuda?

Faça login e veja mais opções de suporte para resolver o problema rapidamente.