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 VÍDEO

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 e ao ativar o scroll é feita a troca da peça para contraída.
ATENÇÃO! Para a veiculação desta peça, é OBRIGATÓRIO vídeo, pois no mobile o vídeo faz o papel tanto da peça expandida quanto contraída.		 For this format, two creatives are required, one expanded and one contracted. Upon loading the site, the expanded creative will be loaded, and when scrolling is activated, the creative is switched to contracted.
ATTENTION! For the airing of this creative, video is MANDATORY, as on mobile the video plays the role of both the expanded and contracted creatives.		 Para este formato, se requieren dos piezas, una expandida y una 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 difusión de esta pieza, es OBLIGATORIO el vídeo, ya que en dispositivos móviles el vídeo cumple tanto la función de la pieza expandida como de la contraída.
Dispositivo Peças Tamanho Área Quente Peso Máximo
Desktop / Tablet Quickslider
Vídeo		 Expandido: 5120x800 px 3840x800 px 400 KB
Contraida: 5120x320 px 3840x320 px 300 KB
Mobile Não há peças mobile, em mobile será usado apenas o vídeo
AMP Quickslider Vídeo 320x100 px Total 100 KB
Download do template expandido desktop

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

Download the contracted desktop template 		Descargar la plantilla de escritorio expandida

Descargar la plantilla de escritorio contraída
VÍDEO
Tempo Tamanho Tipo de arquivo Peso Máximo
20 segundos 640x360 px MP4 2.5MB
Especificações extras
Vídeo:Sim, OBRIGATÓRIO
Para o mobile, precisamos também de uma peça no tamanho de 320x100px, com peso máximo de 100KB.
Looping: Sim
Script de terceiro: Não
Tempo de animação: 12 segundos sem a interação do usuário
Pixel e Clique Contador: Sim		 Video: Yes, MANDATORY
Looping: Yes
Third-party script: No
Animation time: 12 seconds without user interaction
Pixel and Click Counter: Yes		 Video: Sí, OBLIGATORIO
Looping: Sí
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>