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

ARROBA EXPANSÍVEL VÍDEO

ARROBA EXPANSÍVEL VÍDEO

ARROBA EXPANSÍVEL VÍDEO

Descrição Para este formato é necessário uma peça no formato fechado no tamanho de 300x250 e um vídeo nos tamanhos 16:9 (1280x720) ou 4:3 (640x480) que com a interação do usuário é expandido para o tamanho 400x250px em direção a esquerda. For this format, a closed creative in the size of 300x250 is required, along with a video in either 16:9 (1280x720) or 4:3 (640x480), which, with user interaction, expands to the size of 400x250px towards the left. Para este formato, se requiere una pieza cerrada en el tamaño de 300x250 y un video en los tamaños 16:9 (1280x720) o 4:3 (640x480), que, con la interacción del usuario, se expande al tamaño de 400x250px hacia la izquierda.
Dispositivo Tamanho Tipo de arquivo Peso Máximo
Desktop / Tablet Normal: 300x250 px
Expandido:400x250 px
(p/ esquerda )		 HTML (ZIP) ou MP4 200 kb
Mobile Normal: 300x250 px
VÍDEO
Tempo Tamanho Tipo de arquivo Peso Máximo
20 segundos 16:9 (1280x720)
ou
4:3 (640x480)		 MP4 2.5MB
Especificação extra
O video só será exibido apenas na peça expandida
Looping: Sim dentro dos 12 segundos
HTML5: Sim
Script de terceiro:Não
Pixel e Clique Contador:Sim
Para checar a clicktag:Clique aqui		 The video will only be displayed in the expanded unit
Looping: Yes within 12 seconds
HTML5: Yes
Third-party Script: No
Pixel and Click Counter: Yes
To check the clicktag: Click here		 El video se mostrará solo en la pieza expandida
Bucle: Sí, dentro de los 12 segundos
HTML5: Sí
Script de terceros: No
Contador de Píxeles y Clics: Sí
Para verificar la clicktag: Haz clic aquí
Portais presentes Adorocinema, IGN, MGG, Minha Vida, Purepeople, TudoGostoso

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>