Midia Kit

Animações
Procurar utilizar os recursos de transição via CSS, evitando o uso de javascript para as animações do seu formato.

Fontes
Caso deseje utilizar fontes personalizadas, opte pela escolha do Google Fonts.

Javascripts
Caso seja necessário o uso de Javascript, procure evitar funções com processamento elevado, tais como intervalos de tempo, efeitos dentre outros. Adotando estes cuidados, será possível entregar um formato de qualidade melhorando a experiência do usuário.

1) HTML5 Compacto
Quando não há assets, nem mesmo por referências externas.

2) Pacote HTML5 – Hospedagem no DFP
Necessário envio do formato contendo o HTML principal e os assets (IMAGENS/JS/CSS) compactado em ZIP.

2.1) Passo a passo para envio do Pacote HTML5

Fontes
Opte pelo uso de fontes de sistema. No caso de fontes personalizadas, recomendamos o uso do Google Fonts.

Estrutura
Dentro do pacote não pode conter pastas. Todos os arquivos, HTML e ASSETS, devem estar juntos, ou seja, no mesmo diretório. Só é permitido referência para arquivos externos como Pixel Contador e Google Fonts.

Assets suportados
Imagens: *.jpg / *.png / *.gif
CSS: *.css
Javascript: *.js

Pixel Contador
Deve ser criado e enviado separadamente pelo cliente para serem cadastrados no DFP.

Javascript

<a href="" id="clickArea" target="_blank"></a>
<script type="text/javascript"> 
   var clickTag = "%%CLICK_URL_ESC%%%%DEST_URL%%"; 
   document.getElementById('clickArea').href = clickTag;
</script>

HTML

<a href="%%CLICK_URL_ESC%%%%DEST_URL%%" target="_blank" ></a>

Autoplay:
Não recomendamos o uso e não permitimos o uso sem polite download.
Browsers como Safari e Opera não aceitam este atributo, assim como iPad e iPhone.

Poster:
É importante adicionar o thumb enquanto o vídeo não é carregado.

Controls:
Caso não desenvolva os próprios controles, este atributo é necessário para que o usuário tenha o controle do vídeo.

Track:
Se houver a necessidade de legenda externa nos vídeos, deve-se observar que esta tag funciona apenas nos browsers abaixo a partir das versões:

• Google Chome 18+
• Internet Explorer 10+
• Mozilla Firefox: 31+
• Safari 6+
• Opera 15+

Extensão
JPG, GIF e PNG

Dimensão
1.660×600 pixels (Leitura: 1.240 / Margem superior: 150px)

Peso
Até 220Kb

Extensão
.MPEG4, WebM e OGV

Proporção
16:9

Tempo
até 10 segundos de duração (isso também vale para os vídeos embedados)

Extensão
WebM, .MPEG4, 3GPP e MOV, .AVI, .MPEGPS, .WMV, .FLV

Dimensão
640×480 pixels

Peso
Até 4Mb

Tempo
até 10 segundos de duração (isso também vale para os vídeos embedados)