HTML5

Formato HTML5 - Especificação
Peso máximo 200kb
Observações
Especificação HTML5 (.zip)


  • Deve conter um arquivo index.html e que chame os demais arquivos (css, imagens e javascript) sem os mesmos estarem em pastas. Devem vir tudo na raiz;
  • O peso máximo somando todos os arquivos precisa ser abaixo de 1Mb;
  • Não é aceito arquivo .SVG (restrição DFP);
  • Algumas peças criadas com Google Web Designer (GWD) podem não ser aceito pelo ad server (no caso devido a forma com que as peças foram construídas, geram o impedimento);
  • Não utilizem bibliotecas externas que possam gerar peso extra no carregamento do banner, isso prejudica a performance da peça.

  • Dimensões permitidas (Somente para desktop):


  • Superbanner - 728x90;
  • Retângulo - 300x250 ou 250x250;
  • Halfpage - 300x600;
  • Skycrapper - 160x600;
  • Billboard - 970x250;
  • Small Billboard - 970x90;

  • A clicktag pode ser aplicada usando a estrutura abaixo (em amarelo o link final ou contador de clique de terceiro - ad server terceiro):


    Pre-definição do link
    <html>
    <head>
    <meta name="ad.size" content="width=300,height=250">
    <script type="text/javascript">
    var  clickTag  = " LINK_DE_DESTINO "; </script> 
    </head>
    [O resto do código do criativo é inserido aqui.]
    </html>



    Variável de cliques implementada
    <a href="javascript:window.open(window. clickTag )">

    <!-- area de clique -->

       <img src="images/dclk.png" border=0>
    </a>


    Especificação HTML5 – Expansivo


  • Deve ser apenas um arquivo único com extensão .html;
  • Nele terá todos os scripts da animação da peça;
  • As imagens devem estar em base64 e não com chamadas externas;
  • A variável de clique do DFP é %%CLICK_URL_UNESC%%%%DEST_URL%% e precisa estar exposta no arquivo para contabilizarmos os cliques no HREF ou usando o DOM do Javascript;
  • Deve usar como consulta a especificação da IAB: http://www.iab.net/html5 ;
  • Peso máximo do HTML é de até 1Mb (mega).

  • Dimensões permitidas:


  • Superbanner - 728x90 expandir até 728x405;
  • Retângulo - 300x250 expandir até 600x250;
  • Superbanner polite – 728x90 expandir até 1245x540      (somente home do portal);
  • Retângulo polite – 300x250 expandir até 1245x500      (somente home do portal);
  • Demais formatos especiais favor nos consultar.

  • HTML5 via TAG


  • Deve permitir o clicktracking/ clickmacro (acompanhamento dos cliques);
  • Variável de clique padrão do DFP a ser usada é %%CLICK_URL_UNESC%% ou %%CLICK_URL_ESC%% (esta segunda codifica a URL tracking do DFP);
  • A variável deve ficar exposta no código principal, não podendo estar dentro de JS ou scripts externos, pois ela será processada pelo sistema antes da publicação do banner.

  • Importante


  • Só poderão ter chamadas de scripts, css ou urls externas pelo arquivo .html do HTML5, desde que o servidor requisitado seja de grande porte, por exemplo através de um serviço de CDN**, se não há risco de queda de servidor caso o mesmo não esteja preparado para atender a grandes requisições;
  • Não pode haver pastas de imagens, css, js ou outro arquivo;
  • As imagens obrigatoriamente devem ser convertidas em base64 para HTML5 expansíveis e colocadas diretamente no HTML principal, sendo o envio da imagem em arquivo (jpg, png, gif) descartado;


  • *** CDN - Content Delivery Network.