Diretrizes de HTML5 para o Ad Manager

Este artigo destina-se apenas ao produto Google Ad Manager. Não se aplica a outros produtos Google. Também pode rever os requisitos de HTML5 do Studio ou os requisitos de HTML5 do Google Web Designer.

Este artigo fornece diretrizes para criar e carregar pacotes ZIP de criativos HTML5 para o Google Ad Manager.

As diretrizes devem aplicar-se a qualquer navegador compatível com HTML5. Alguns criativos podem não funcionar conforme pretendido. Teste o código HTML5 antes de o implementar.

Reveja exemplos de ficheiros HTML5 na Galeria de meios interativos

Confirme que o pacote é compatível com SSL

Os criativos HTML5 têm de ser compatíveis com SSL para serem publicados em sites HTTPS.

Escolha o ambiente correto para o Google Web Designer

Se utilizou o Google Web Designer para criar os criativos em HTML5, selecione o ambiente do Display & Video 360.

Defina dimensões

Utilize a metatag size para definir as dimensões que devem ser utilizadas para apresentar o seu criativo: <meta name="ad.size" content="width=[x],height=[y]">. Os criativos em HTML5 só podem ter dimensões fixas. Exemplos: 300x250, 400x400 e 728x90. Os tamanhos dinâmicos como Fluido não são compatíveis.

Exemplo

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

Exemplo

O seguinte código resulta num erro: "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}

Defina etiquetas de clique e URLs de clique

Uma saída refere-se a qualquer área clicável que direcione o navegador para uma página de destino. As etiquetas de clique definem os URLs de clique para cada saída no seu criativo HTML5.

Saiba mais sobre como adicionar saídas de HTML5 (incluindo saídas que utilizam o Google Web Designer)

Quando um utilizador clica numa saída, o criativo solicita ao Ad Manager o URL de clique associado.

Defina o URL de saída no seu criativo ou anúncio, consoante as suas necessidades e o tipo de criativo. Se definir etiquetas de clique no criativo e no anúncio, a definição ao nível do anúncio tem prioridade.

O Ad Manager deteta as etiquetas de clique quando carrega recursos. Pode alterar o URL de clique usado por uma etiqueta de clique em qualquer altura, mesmo depois de exportar as etiquetas.

Insira etiquetas de clique na etiqueta <head> dos seus 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>
Utilize 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 etiquetas de clique pelo servidor de anúncios. As etiquetas de clique não devem incluir reduções nem ocultações. Pode utilizar redutores no resto do código e noutros ficheiros.
Evite URLs de clique codificados. Os URLs codificados impedem o Ad Manager de acompanhar os cliques e os gestores de publicidade de atualizarem o URL. O Ad Manager avisa se existirem URLs codificados no código HTML5 quando carregar o pacote.

A informação foi útil?

Como podemos melhorá-la?