Crie anúncios do Gmail com HTML personalizado

Indicado para anunciantes avançados, o HTML personalizado permite-lhe criar anúncios diferentes dos modelos de anúncio do Gmail existentes. Estes anúncios podem incluir vídeo e vários apelos à ação. Para criar anúncios do Gmail com o seu próprio esquema personalizado, carregue os seus ficheiros HTML personalizados para o Google Ads.

Este artigo explica como configurar e carregar os seus anúncios do Gmail personalizados.

Antes de começar

Importante: não se esqueça de que os anúncios do Gmail com HTML personalizado mantêm uma formatação de URL de destino e são incompatíveis com URLs finais e modelos de acompanhamento. Saiba mais acerca dos URLs atualizados.

Instruções

Um anúncio do Gmail com HTML personalizado consiste numa pasta ZIP que contém todos os ficheiros do seu anúncio reduzido e expandido. Para evitar problemas, preste especial atenção às rigorosas especificações de formatação indicadas abaixo.

Os limites de tamanho gerais do seu anúncio são os que se seguem:

  • Total da pasta ZIP: < 1,25 MB
  • Número de ficheiros: < 100 ficheiros
  • Tamanho de ficheiro: < 500 KB

Como criar o seu anúncio reduzido

Para criar um anúncio reduzido, terá de adicionar 2 ficheiros à sua pasta ZIP:

  • a imagem do logótipo (com o nome "logo.png", "logo.jpg" ou "logo.gif")
  • o ficheiro de texto (com o nome “‘teaser.txt”)

Especificações da imagem do logótipo

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

  • Tamanho da imagem do logótipo: mínimo de 144 px x 144 px com proporção de 1:1
  • Tamanho máximo do ficheiro: 150 KB
  • Formatos de ficheiro: PNG, JPG ou GIF (não animados)

A imagem do logótipo é um pequeno ícone, gráfico ou logótipo da marca.

A imagem será apresentada como um quadrado de 50 por 50 em dispositivos de resolução normal e até 150 KB para uma visualização mais clara nalguns ecrãs.

Especificações do ficheiro de texto

O ficheiro deve ter exatamente o nome "teaser.txt" e o formato do ficheiro deve ser TXT. Eis um exemplo de um ficheiro de texto devidamente formatado.

Advertiser: Nome da empresa
Subject: Tudo com 20% de desconto em "Nome da empresa"
Description: Compre novos produtos a preços baixos!
Display URL: www.example.com
Landing Page: https://www.example.com/sale

Nota: siga exatamente o exemplo e certifique-se de que introduz os cabeçalhos em português, tal como mostrado abaixo. Além disso, não se esqueça de incluir a categoria (como "Anunciante") e as suas informações específicas. A tabela abaixo fornece limites de carateres e mais orientações sobre o que deve ser incluído.

Títulos Limites de carateres O que incluir
Anunciante 20 O nome ou o domínio da sua empresa.
Assunto 25 O seu título pode incluir uma oferta, % de desconto ou um anúncio apelativo.
Descrição 90 A sua descrição pode ser um breve resumo ou um apelo à ação.
URL de visualização 32 O seu URL, como será apresentado no seu anúncio
Página de destino sem limite URL de redirecionamento do teaser: utilizado como o URL de destino para cliques em "URL abreviado apresentado pelo remetente" quando o anúncio expandido é aberto. Pode adicionar um URL de acompanhamento de cliques estático neste campo. É para esta página que as pessoas são direcionadas depois de clicarem no seu URL de visualização.

 

Como criar o seu anúncio expandido

Para criar um anúncio expandido, terá de adicionar 1 ficheiro HTML e 1 pasta de imagens à sua pasta ZIP:

  • Pasta de imagens (com o nome "Images") que contém ficheiros de imagem para o anúncio expandido
  • Ficheiro HTML exatamente com o nome "index.html"

Especificações da pasta de imagens

  • O seu anúncio deve conter, pelo menos, 1 imagem e pode conter até 100 imagens. Para incorporar vídeos no seu anúncio expandido, vá para a secção de vídeo abaixo.
  • Largura máx. por imagem: 650 px
  • Altura máx. por imagem: 1000 px (Nota: para uma maior eficácia dos anúncios, recomendamos uma altura máxima de 650 px de tela expandida, que inclui todo o texto e imagens.)

Especificações do ficheiro HTML

Detalhes técnicos

  • URLs: deve conter, pelo menos, 1 URL absoluto (pode conter até 15) e todos os carateres especiais devem ser codificados (por exemplo, espaços, #)
  • Formatação: controle o esquema com recurso a tabelas HTML padrão para assegurar uma apresentação consistente entre dispositivos
  • Acompanhamento: pode utilizar URLs de acompanhamento estáticos para acompanhar os cliques externos. Os píxeis de acompanhamento de impressões e os URLs de acompanhamento dinâmicos não estão autorizados. Se está a utilizar o modelo de "anúncio do Gmail com HTML personalizado", certifique-se de que adiciona os URLs de acompanhamento que pretende utilizar no ficheiro index.html e no ficheiro teaser.txt.
  • Marcação: é suportada a marcação HTML (utilize codificação UTF8), algumas etiquetas HTML5 ( "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR") e alguns tipos de CSS (apenas o atributo de estilo das etiquetas, por exemplo: <div style="color: black" >)

Marcação não permitida

  • Javascript: as etiquetas <script> serão automaticamente removidas do anúncio
  • Folhas de estilo: as etiquetas <link> serão automaticamente removidas do anúncio
  • Flash
  • HTML5: as únicas etiquetas 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  

Adicione um vídeo ao ficheiro HTML do seu anúncio expandido

  1. Como adicionar um vídeo

    É possível incorporar um vídeo do YouTube num anúncio com uma janela de pré-visualização. Se o utilizador de um computador clicar na imagem de vídeo, este será reproduzido numa caixa de luz no Gmail. Depois de o utilizador terminar de ver a reprodução de vídeo, regressa ao anúncio expandido do Gmail. Em dispositivos móveis, o vídeo é reproduzido no leitor de vídeo indicado pelo utilizador (como a aplicação YouTube ou um navegador). 

    Instruções: para adicionar vídeo a partir do YouTube, codifique o link do YouTube, a origem da imagem e o texto de visualização em informações adequadas para o seu anúncio. Por exemplo:

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

    Nota: ao pré-visualizar o anúncio no Google Ads, o vídeo do YouTube não será apresentado ou reproduzido na caixa de luz.

  2. Como adicionar um vídeo no novo separador

    Se pretender reproduzir o vídeo num novo separador do YouTube em vez de numa caixa de luz, defina a classe "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 de reprodução na sua imagem de pré-visualização.

    Para mostrar aos utilizadores que se clicarem numa imagem é reproduzido um vídeo, a sua imagem de pré-visualização deve incluir algum tipo de botão de reprodução. O Google Ads não adiciona nada a imagens de pré-visualização que indique que se tratam de vídeos.

Links relacionados

A informação foi útil?
Como podemos melhorá-la?

Precisa de mais ajuda?

Inicie sessão para obter opções de apoio técnico adicionais e resolver rapidamente o seu problema.