Diretrizes de HTML5 para o Ad Manager

Este artigo abrange somente o Google Ad Manager. As informações não se aplicam a outros produtos do Google. Também é possível revisar os requisitos de HTML5 do Studio ou do Google Web Designer.

Este artigo apresenta diretrizes referentes à criação e ao upload de pacotes ZIP de criativos HTML5 no Google Ad Manager.

Elas se aplicam a qualquer navegador compatível com HTML5. Alguns criativos podem não funcionar como desejado. Teste o código HTML5 antes da implementação.

Veja exemplos de arquivos HTML5 na Galeria de Rich Media

Confirmar se o pacote é compatível com SSL

Os criativos HTML5 precisam ser compatíveis com SSL para serem veiculados em sites HTTPS.

Escolher o ambiente correto para o Google Web Designer

Caso você tenha usado o Google Web Designer para gerar os criativos HTML5, selecione o ambiente do Display & Video 360.

Definir dimensões

Use a metatag size para definir as dimensões que serão usadas para exibir o criativo: <meta name="ad.size" content="width=[x],height=[y]">. Os criativos HTML5 só podem ter dimensões fixas. Exemplos: 300 x 250, 400 x 400 e 728 x 90. Tamanhos dinâmicos como Flexível não são compatíveis.

Exemplo

<meta name="ad.size" content="width=300,height=250">
Para arquivos HTML de criativos em pacotes do Google Web Designer, as propriedades minWidth e minHeight do parâmetro creativeProperties não podem ter valor zero.

Exemplo

O código a seguir resulta em um erro: "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}

Definir click tags e URLs de clique

Uma saída é qualquer área clicável que direciona o navegador para uma página de destino. As click tags definem os URLs de clique para cada saída do criativo HTML5.

Saiba mais sobre como adicionar saídas HTML5 (inclusive com o Google Web Designer)

Ao clicar em uma saída, o criativo chama o Ad Manager para receber o URL de clique associado.

Defina o URL de saída no seu criativo ou anúncio, dependendo das suas necessidades e do tipo de criativo. Se você definir click tags no criativo e no anúncio, a configuração no nível do anúncio terá prioridade.

O Ad Manager detecta click tags quando você faz o upload de recursos. É possível alterar o URL de clique usado por uma click tag a qualquer momento, mesmo depois de exportar as tags.

Insira as click tags na seção <head> dos documentos HTML.

Exemplo

<head> <meta name="ad.size" content="width=300,height=250"> <script type="text/javascript"> var clickTag = "http://www.google.com"; </script> </head>
Use a variável clickTag como destino nos criativos.

Exemplo

<a href="javascript:void(window.open(clickTag))"> <img src="images/dclk.png" border=0> </a>
Facilite a leitura das click tags para o servidor de anúncios. As click tags não podem incluir minificação nem ofuscação. É possível usar redutores no restante do código e em outros arquivos.
Evite URLs de clique codificados. Eles impedem que o Ad Manager rastreie os cliques e que os coordenadores de publicidade atualizem o URL. Você receberá um aviso do Ad Manager se houver URLs codificados no código HTML5 ao fazer upload do pacote.

Isso foi útil?

Como podemos melhorá-lo?