Criativos em HTML5 enviados diretamente para a Webgui

O que você verá neste artigo:

Tabela de Formatos
Especificações Gerais
Formato de criativos – Display
Formato de criativos – Mobile
Campanhas rodadas via Verizon Media
Campanhas rodadas via MediaMath
Campanhas rodadas via DBM – produzidas ou não pela ferramenta Google Web Design

Importante:

Consulte a Webgui previamente para saber em qual plataforma sua campanha será rodada para que suas peças contenham as macros corretas.
Todas as peças em HTML5 devem vir acompanhadas de um banner de backup (JPEG) para que o anúncio possa ser exibido mesmo em sites que não suportam arquivos HTML5.

Tabela de Formatos

As peças precisam ser confeccionadas em uma das medidas-padrão a seguir. Os formatos destacados com ” * ” são os que possuem maior disponibilidade de entrega. Sugerimos incluir os formatos destacados com ” * ” em todas as campanhas.

Desktop			Mobile
Formato do Arquivo	Dimensões	Peso Máximo	Formato do Arquivo	Dimensões	Peso Máximo
HTML5	300×250*	110 KB	HTML5	320×50*	50KB
	728×90*			320×480*
	300×600			300×50*
	160×600*			300×250*
	468×60*			300×450*
	120×600*			728×90*
	970×250*			160×600*
	180×150			468×60*
	250×250			120×600*
	250×250			120×20
	–			300×400
	–			320×320
	–			640×240
	–			336×280

Especificações Gerais

Campanhas rodadas via Verizon Media:

Deve ser um documento em HTML que siga os padrões da W3C
Os navegadores deverão renderizar o anúncio assim como se renderiza uma página web
O conteúdo deve ser precedido pela tag e conter pelo menos as tags e
Deve obedecer a padrões de segurança SSL
Suporte de Imagens: GIF, JPG, PNG e SVG 
Suporte de video: MP4 com codificação H.264 e WEBM.
Third-Party: Deve suportar MP4/H.264 e WebM/VP8. OGG/Theora opcional.
Deve seguir a regra geral de 15 segundos de duração para animação autoiniciada, sem repetições.

Para mais informações sobre Restrições, Compressão de códigos e arquivos, dimensão do anúncio e animações, acesse este link aqui ou assista este tutorial em vídeo.

Campanhas rodadas via MediaMath:

Os banners de backup devem ter peso máx de 110kb (display) e 50kb (mobile).

Configurando o banner via atributos Javascript

Na head do código deverá constar uma tag de redirecionamento, comumente nomeada de clickTag composta pela URL de direcionamento parametrizada e precedida pela macro da DSP [UNENCODED_CLICK_REDIRECT].

Abaixo segue um exemplo de código a ser seguido, devendo ser trocadas apenas as partes destacadas em vermelho por sua URL de direcionamento e o nome da campanha, respectivamente:

…Seu código aqui…

Campanhas rodadas via DBM – Exceto para peças produzidas no Google Web Design:

Obrigatório o envio de uma imagem de backup com até 70kb;

Outros arquivos devem estar referenciados. Não é permitido arquivos com armazenamento local ou por sessão;

Permitido apenas uma URL de destino;

O HTML5 precisa estar clicável e o redirecionamento deve abrir uma nova aba;

O HTML5 precisa estar em conformidade com SSL;

Todas as URLs presentes no material (exceto pela URL da Click Tag) devem iniciar com HTTPS ao invés de HTTP;

É obrigatória a inserção da Click Tag abaixo para redirecionamento correto do HTML5:[O resto do código da peça criativa é inserido aqui.]

Certifique-se de que sua peça criativa usa a variável de tag de cliques como a URL de clique:
Você pode checar se suas peças estão dentro das especificações no seguinte link: https://h5validator.appspot.com/dcm

Campanhas rodadas via DBM – Para peças produzidas no Google Web Design:

Obrigatório o envio de uma imagem de backup com até 70kb
Selecione “DoubleClick” como ambiente do anúncio;
Outros arquivos devem estar referenciados. Não é permitido arquivos com armazenamento local ou por sessão;
Permitido apenas uma URL de destino;
O HTML5 precisa estar clicável e o redirecionamento deve abrir uma nova aba;
O HTML5 precisa estar em conformidade com SSL;
Todas as URLs presentes no material (exceto pela URL da Click Tag) devem iniciar com HTTPS ao invés de HTTP;
Não é necessário inserir Click Tag, e sim a API do GWD para saídas (GoogleAd>Exit):gwd.actions.gwdDoubleclick.exit(‘gwd-ad’, ‘myExit’,‘http://www.SUAURLAQUI.com’, true, true)

Criativos em HTML5 enviados diretamente para a Webgui

Importante:

Tabela de Formatos

Especificações Gerais

Campanhas rodadas via Verizon Media:

Campanhas rodadas via MediaMath:

Campanhas rodadas via DBM – Exceto para peças produzidas no Google Web Design:

Campanhas rodadas via DBM – Para peças produzidas no Google Web Design:

Agência Webgui

Informações

Institucional

Instagram