Formatos padrões Standard formats Formatos estándar

Formatos de impacto Impact formats Formatos de impacto

Formatos com vídeo Formats with video Formatos con vídeo

Formatos especiais Special formats Formatos especiales

QUICKSLIDER

Descrição Para este formato, são necessárias duas peças, uma expandida e uma contraída, no carregamento do site a peça expandida será carregada ao ativar o scroll é feita a troca da peça para contraída.
ATENÇÃO! Para a veiculação das peças, utilizamos apenas .jpg		 For this format, two creatives are required, one expanded and one contracted. Upon loading the site, the expanded creative will be loaded, and upon scrolling activation, the creative is switched to contracted.
ATTENTION! For the display of the creative, we only use .jpg		 Para este formato, se requieren dos piezas, una expandida y otra contraída. Al cargar el sitio, se cargará la pieza expandida, y al activar el desplazamiento, se cambia la pieza a contraída.
¡ATENCIÓN! Para la exhibición de las piezas, solo utilizamos .jpg
Dispositivo Peças Tamanho Area Quente Peso Máximo
Desktop / Tablet Quickslider Expandido: 5120x800 px 3840x800 px 400 KB
Contraido: 5120x320 px 3840x320 px 300 KB
Mobile Expandido: 832x465 px Total 300 KB
Contraido: 832x220 px Total 200 KB
AMP 320x100 Total 100 KB
Download do template expandido para desktop

Download do template contraído para desktop 		Download the expanded desktop template

Download the contracted desktop template 		Descargar la plantilla expandida para escritorio

Descargar la plantilla contraída para escritorio
Especificações extras
Tipo de arquivo: Somente JPG
Para o mobile, precisamos também de uma peça no tamanho de 320x100px, com peso máximo de 100KB.
Looping: Não
Script de terceiro: Não
Tempo de animação: 12 segundos sem a interação do usuário
Pixel e Clique Contador: Sim		 File type: JPG only
Looping: No
Third-party script: No
Animation time: 12 seconds without user interaction
Pixel and Click Counter: Yes		 Tipo de archivo: Solo JPG
Looping: No
Script de terceros: No
Tiempo de animación: 12 segundos sin interacción del usuario
Píxel y Contador de Clics: Sí
Portais presentes IGN

RECOMENDAÇÕES E BOAS PRÁTICAS

1. Otimize ao máximo o peso dos arquivos, quanto mais leve, mais rápido a peça irá carregar (O peso total do criativo é o peso de todos os arquivos locais somado do peso de todos os arquivos e recursos acessados externamente).
2. Sempre enviar as peças HTML em um arquivo ZIP contendo todos os arquivos dependentes, como HTML,CSS, JS, GIF, PNG, SVG ou JPEG.
3. Evitar chamadas externas e, se absolutamente necessário, usar links seguros (https com certificação SSL).
4. Evite usar bibliotecas externas como JQuery e players de vídeo.
5. Respeite as áreas quentes e frias das peças para evitar que a arte não se encaixe em nossos sites.

RECOMMENDATIONS AND BEST PRACTICES

1. Optimize the file weight to the maximum extent possible; the lighter it is, the faster the asset will load. (The total weight of the creative is the sum of the weights of all local files plus the weight of all externally accessed files and resources).
2. Always send HTML creatives in a ZIP file containing all dependent files, such as HTML, CSS, JS, GIF, PNG, SVG, or JPEG.
3. Avoid external calls and, if absolutely necessary, use secure links (https with SSL certification).
4. Avoid using external libraries such as JQuery and video players.
5. Respect the hot and cold areas of the creatives to prevent the art from not fitting into our sites.

CLICK TAG

1) Nomear o elemento clicável como "click-area"

1) Name the clickable element as "click-area"

1) Nombrar el elemento clickeable como "click-area"

Ex: <a href="#" id="click-area">

2) Inserir o script abaixo no final do <body>

2) Insert the script below at the end of the <body>

2) Insertar el script a continuación al final de <body>

<script type="text/javascript">
  var url = window.location.href;
  var clickTag = url.substring(url.indexOf("click=")+6,url.length);   document.getElementById("click-area").addEventListener('click', ()=> {     window.open(clickTag, "_blank");
  });
</script>