Outros canais UOL
  1. Home
  2. Formatos
  3. Viewport

Formatos

ViewportPosições de destaque UOL

Viewport Home
Viewport Home

Etapas do funil

Atenção

Interesse

Desejo

Ação

Objetivos de campanha

Marca (Branding)

Engajamento

Retenção

Perfomance

Descrição

Para ações de alto impacto.

Especificações

Atualizado em: 08/11/2023

Tipo: display

Formato: Retraído: variável. Exp: 1280x600/ Mobile retraído: variável. Exp: 320x480

Peso: DESK: retraída: 250kb; expan: 1mb / MOB: retraída: 200kb; expan: 250kb

Extensões: jpg;gif;html5

Principais Canais: UOL

Observações: O formato deve ser construído em 2 HTMLs, sendo um HTML com o formato retraído e o outro HTML com o formato expandido/viewport.

Restrições: Não deve possuir referências na arte para 'Passe o Mouse', uma vez que, a interação com o banner ocorre por clique.

Recomendação: Peças com chamadas que despertem a curiosidade para gerar interação. Quando tiver vídeo na peça expandida, utilizar auto-play.

Tamanho inicial: 1190x250px - Desktop | 300x250- Mobile; Tamanho expandido: 1280x600px - Desktop |320x480 - Mobile

Tamanho Expandido: layer no formato de 100% x 100% - área total do viewport do browser ou 1280x600 pxs.- Para mobile, área total do viewport ou 320x480.

IMPORTANTE: O HTML precisa ser responsivo na entrega Desktop, isso para adequar a entrega do viewport em todas as resoluções de monitores. Recomendamos utilizar o media query, do próprio CSS, para deixar o HTML responsivo e também recomendamos que a quebra do layout para essa responsividade seja exatamente 1700px. Segue abaixo um exemplo de como incluir essa aplicação no HTML do Viewport:

@media screen and (max-width: 1700px) {
.classe-que-deve-ser-alterada {
width: 100px;
...etc
}
}


*Lembrando que o tamanho máximo do banner é de 1280x600

Tempo de Animação: Livre
Looping: Livre
Som: Não pode ter som sem interação do usuário.
Vídeo: Aceita vídeos hospedados no Youtube.
Tag de Terceiro: Não, apenas contadores (imnpressão e clique)

Manual: http://insercao.uol.com.br/html5/

Demostração: https://bit.ly/36GJ8dR

compartilhe

Formatos relacionados

  • Card image cap

    Native especial webmail

    O formato expandable é utilizado em campanhas de branding, impulsionando marcas e com... cabem 110 caracteres.

    Tipo: Native

    Dimensões: 1124x990(+formatos)

  • Card image cap

    Native especial webmail

    O formato expandable é utilizado em campanhas de branding, impulsionando marcas e com... cabem 110 caracteres.

    Tipo: Native

    Dimensões: 1124x990(+formatos)

  • Card image cap

    Native especial webmail

    O formato expandable é utilizado em campanhas de branding, impulsionando marcas e com... cabem 110 caracteres.

    Tipo: Native

    Dimensões: 1124x990(+formatos)

Soluções

Descubra o UOL para Marcas

Comercial

Contato

  • Geral
  • publicidade@uol.com.br
  • (11) 3038-8200
  • (11) 3038-8200
  • São Paulo - Capital
  • publicidade@uol.com.br
  • (11) 3038-8200