PRODUTOS DE MÍDIA WEBMOTORS 2016

Transcrição

PRODUTOS DE MÍDIA WEBMOTORS 2016
PRODUTOS DE MÍDIA
WEBMOTORS 2016
Guia de boas práticas em HTML5
Especificações dos formatos publicitários
MENU
GUIA DE BOAS PRÁTICAS EM HTML5
•  Especificações Gerais
•  Restrições
•  Método de envio
•  Redução do tamanho de arquivos e compressão
•  clickTag
•  Dimensão dos anúncios
•  Animação
*Referência: Guia de HTML5 - IAB Internacional
02
de55
MENU
FORMATOS DO SITE
▪ Arroba
▪ Post Patrocinado
▪ Background (home)
▪ PPI Alert
▪ Background especial
▪ Searchback
▪ Super Banner Integrado
▪ Slide entre fotos
▪ Destaque integrado ao classificado
▪ Skyscraper
▪ DHTML Floater
▪ Super Banner
▪ DHTML Integrado (home)
▪ Super Banner Expanded
▪ DHTML Integrado (tabela)
▪ Superleaderboard
▪ DHTML Intervenção
▪ E-mail marketing
▪ Vídeo
▪ Wide Skyscraper
▪ Informe Publicitário
▪ Mini banner lojas e concessionárias
03
de55
GuiadeboaspráticasHTML5
Especi;icaçõesgerais
•  Deve ser um documento .html que siga padrões da W3C.
•  O conteúdo deve conter a tag <!DOCTYPE html> e conter as tags <html> e
<body>.
•  Deve seguir os padrões de segurança SSL.
•  A peça com chamadas externas deve vir com todo o material hospedado:
Imagens, JS, CSS, etc.
•  Utilizar a biblioteca de fontes do Google.
04
de55
GuiadeboaspráticasHTML5
Restrições
• 
Não é permitido carregar arquivos cross-domain por questões de segurança.
• 
JSON: Não é permitido por questões de segurança.
• 
Audio: Desligado e somente é permitido após o click de interação do usuário.
• 
Chamadas externas não hospedadas.
• 
Animação maior que 12 segundos
• 
Loop da animação
05
de55
GuiadeboaspráticasHTML5
Métododeenvio
• 
Todos os arquivos da peça criativa deve vir em um único arquivo .zip.
• 
Os outros arquivos do pacote .zip já deve estar hospedado e o arquivo .html deve fazer a
chamada aos arquivos hospedados.
• 
Este arquivo .zip com todos os arquivos devem estar dentro do limite de peso de cada
criativo. Mesmo com as chamadas externas hospedadas.
06
de55
GuiadeboaspráticasHTML5
Reduçãodotamanhodearquivosecompressão
Como não é feito uma otimização automática para códigos e arquivos de HTML5, existem métodos
diferentes de redução do tamanho de seus arquivos e fazer a compressão do seu código. Veja alguns
exemplos:
• 
Minimização do código para remover espaços extras e caracteres desnecessários do código:
http://minifycode.com
• 
Compressor de JPG ou PNG sem perder a qualidade: http://tinypng.com / http://tinyjpg.com
• 
Utilizar sempre que possível texto em HTML, para reduzir o peso do arquivo e melhorar a qualidade
de leitura.
• 
Reduzir a quantidade de arquivos dentro do .zip para diminuir seu tamanho total.
• 
Usar CSS Sprite Sheets sempre que possível:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/CSS_Image_Sprites
• 
Utilizar softwares de criação de peças em HTML5
•  Adobe Edge CC
•  Adobe Flash CC JS Canvas
•  Google Webdesigner
07
de55
GuiadeboaspráticasHTML5
clickTag
• 
Para a correta contabilização dos cliques, deve ser usado o parâmetro em javascript de clickTag.
var clickTag=“%%CLICK_URL_ESC%%http://URLDEDESTINO");
• 
A chamada da clickTag deve ser feitas dentro do arquivo HTML e sem nenhuma minificação.
Variáveis devem ser inclusas no primeiro arquivo .html a ser carregado (no caso de peças polite).
• 
Sempre utilizar a variável clickTag para qualquer ação de click. Independente do método de
navegação.
• 
Não é aceito criativos com múltiplas clickTag/múltiplos clickthrough URL.
08
de55
GuiadeboaspráticasHTML5
clickTag
• 
Sempre definir a URL de destino para uma página _blank, no caso de usar uma tag específica para
isso:
•  <a href=(URL DA clickTag) target="_blank"></a>
• 
Também é possível definer uma ID única para definer a href dinamicamente no javascript:
HTML: <a id=“clickArea” target=“_blank”> </a>
Javascript: var clickArea=document.getElementById(“clickArea”);clickArea.href=ClickTag
09
de55
GuiadeboaspráticasHTML5
Dimensõesdosanúncios
• 
A dimensão do anúncio deve ser a mesma que está no midia kit.
• 
Para definí-la, deve ser usado uma tag <meta> dentro da tag <head>
<meta name=“ad.size” content=“width=728, height=90”>
10
de55
GuiadeboaspráticasHTML5
Animação
• 
Evite efeitos intensos de animação e considere um uso correto de controles de tempo Javascript
(setInterval, setTimeout), loops de animações, elementos DOM, para ser otimizados corretamente.
• 
Animações em CSS3 utilizam GPU apenas quando configurado no browser do usuário final.
• 
CSS ou Javascript podem ser utilizados para animação. Separe corretamente Javascript e CSS.
No geral, siga o estabelecido pela indústria e que seja aceito nas melhores práticas de Javascript, como
por exemplo:
•  Minimizar acesso ao DOM.
•  Garantir performance.
•  Usar ferramentas de detectação de browser para melhorar eficiência.
•  Não utilize funções ‘eval()’ para evitar problemas de segurança.
•  FPS não altera a performance dentro do HTML5 da mesma maneira que acontece com o
flash. Utilize métodos para rodar a animação dentro de uma velocidade permitida do
browser:
setInterval para o caso de browser antigos (IE( e anteriores)
requestAnimationFrame sempre que possível como alternativa para a função acima.
11
de55
ARROBA
Arroba
F o r m a t o e x i b i d o n a H o m e ,
Resultado da Busca, no Detalhe do
AnúncioenaseçãoRevista,gerando
exposiçãoquali;icadaemseções
importantes.
12
de55
Especi;icaçõesdeformato|Arroba
Dimensõesempixels:
300x250.
Pesomáximo:
20KBGIF/JPG.
155KBZIPcomarquivosHTML5.
Z-index:
De10a20.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Áudio:
Nãopodeconteráudio.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãoda
TAGdecontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
13
de55
Background
Formatoexibidoaofundoda
homepagedaWebMotors.
14
de55
Especi;icaçõesdeformato|Background
Dimensões em pixels:
-  Largura e altura totais do arquivo: 2000x1000 px
-  Respiro do topo: 45 px (espaço do menu)
-  Área central livre: 1025 px
Peso máximo: 160KB
Tipos de arquivo: JPG e PNG
Restrições:
§  Não pode ser em HTML5
§  Produto destinado especificamente para montadoras
§  As diárias do Background não podem ser concomitantes com o DHTML Intervenção
Observações:
•  O foco da campanha deve ficar nas áreas demarcadas nas laterais: 545x145 px (em cada lado). Não é necessário fazer a arte
apenas dentro desse espaço (formando retângulos, por exemplo), mas é importante que a comunicação principal fique ali, pois é
a área que não sofre corte na maioria das telas de computador. O espaço restante pode ser preenchido com elementos
secundários.
•  O arquivo deve ser enviado apenas com a arte da campanha, sem o print do conteúdo e menu do site.
•  A área central livre deve estar na cor #f4f4f4.
•  O fundo da peça deve terminar em fade para a cor #f4f4f4.
Caso seja necessário, baixe o arquivo PSD contendo o modelo: https://goo.gl/EmbY7G
15
de55
Especi;icaçõesdeformato|Background
ALTURA TOTAL 1000 PX
LARGURA TOTAL 2000 PX
Caso seja necessário, baixe o arquivo PSD contendo o modelo: https://goo.gl/EmbY7G
15
de55
Background
Especial
Formato exibido ao fundo da
páginadelogin.
16
de55
Especi;icaçõesdeformato|BackgroundEspecial
Dimensõesempixels:
2000x620(total)
Pesomáximo:
120KB
Z-index:
0
Tiposdearquivo:
JPG,GIF(estático)
Restrições:
NãopodeseremHTML5
Link:
Aáreadecliqueéde620x590px
Observações:Ofocodacampanhadeveser
inseridonaáreamaisclarade620x590px.
Aáreaescuradeveserusadapara
preenchimentodaarte,nãosendo
recomendadoainclusãodequalquer
informaçãorelevantenestaárea.
17
de55
SUPERBANNERINTEGRADO
SuperBanner
Integrado
Formatoexibidonoresultadode
buscadecarrosemotos.
18
de55
Especi;icaçõesdeformato|SuperBannerIntegrado
Dimensõesempixels:
728x90.
Pesomáximo:
20KBGIF/JPG.
155KBZIPcomarquivosHTML5.
Z-index:
De10a20.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Áudio:
Nãopodeconteráudio.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãoda
TAGdecontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
19
de55
DESTAQUEINTEGRADOAO
CLASSIFICADO
DestaqueIntegrado
aoClassi;icado
Formatoexibidocomooprimeiro
anúnciodoResultadodebuscade
carrosemotos.
20
de55
Especi;icaçõesdeformato|Destaqueintegradoaoclassi;icado
Dimensõesempixels:
713x130
Pesomáximo:
35KB.
Tiposdearquivo:
JPG,PNG,GIF(Semanimação).
Restrições:
§  NãopodeseremHTML5
Tempodeexibição:
Períododeexibiçãodapágina.
Z-index:
De10a20.
Áudio:
Nãopodeconteráudio.
Observações:
Apeçadeveconter:
▪Indicaçãodepublicidade;
▪Imagemdoauto/moto;
▪Indicaçãodeimagemilustrativa;
▪Frase“Consideretambémesseveículoemsuabusca”;
▪Especi;icaçãodemarca,modeloeversão;
▪Apresentaçãodeaté3atributosdoveículo;
▪Logodamontadora;
▪Recomendado:Linkpararesultadodebuscana
WebMotors.
Restrições:
Produtodestinado,especi;icamente,paramontadoras.
Casosejapreciso,soliciteoarquivoPSD.
21
de55
DHTML
FLOATER
DHTMLFloater
Formato exibido no resultado
debuscadecarrosemotosena
Revista.
22
de55
Especi;icaçõesdeformato|DHTMLFloater
Dimensõesempixels:
300x450.
Pesomáximo:
GIF/JPG60KB.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouTAGdeterceiroem
HTML5.
Tempodeexibição:
Até12segundos.
Z-index:
45.
Áudio:
Permitidodesdequenãosejanomodelopadrão
Integrado.Deveconterbotão“liga”e“desliga“ecujo
iníciodoáudiosejaopçãodousuário.
Acriaçãodobotãoeafunçãode“liga”e“desliga“
devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAGde
contabilização.
Paraessaseoutrasinformaçõestécnicas,veri;iquenosso
guiadeboaspráticas.
Restrições:
-Éobrigatórioqueamídiatenhabotãofechar.
-Oindicadordotempodeexibiçãoéobrigatórioedeve
seguiropadrãoabaixo.Quandoocírculosumir
totalmente,amídiasome.
23
de55
DHTML
INTEGRADO
DHTMLIntegrado
Home
Formatoexibidonahomepagedo
WebMotors,posicionadanacoluna
domeio.
24
de55
Especi;icaçõesdeformato|DHTMLIntegradohome
Dimensõesempixels:
265x311.
Pesomáximo:
GIF/JPG60KB.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouTAGdeterceiroem
HTML5.
Tempodeexibição:
Até12segundos.
Z-index:
45.
Áudio:
Permitidodesdequenãosejanomodelopadrão
Integrado.Deveconterbotão“liga”e“desliga“ecujo
iníciodoáudiosejaopçãodointernauta.
Acriaçãodobotãoeafunçãode“liga”e“desliga“
devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAGde
contabilização.
Paraessaseoutrasinformaçõestécnicas,veri;iquenossoguia
deboaspráticasdeHTML5.
Observações:
Apeçapodeserlivreparacriaçãoouseguirmodelointegrado.
Paraomodelointegradoeladeveráconter:
▪Logodamontadora;
▪Frase:“Consideretambém”+Marca+“emsuabusca”;
▪Imagemdoauto/moto;
▪Indicaçãodeimagemilustrativa;
▪Texto;
▪Recomendado:LinkpararesultadodebuscanoWebMotors.
Restrições:
Oindicadordotempodeexibiçãoéobrigatórioedeveseguiro
padrãoabaixo.Quandoocírculosumirtotalmente,amídia
some.
*Casosejapreciso,solicitaroarquivoPSDcontendoomodelodapeça.
25
de55
DHTMLIntegrado
Tabela
Formatoexibidonoresultadode
avaliaçãodaTabelaWebMotors,ao
ladodireitodosdadosdaavaliação.
26
de55
Especi;icaçõesdeformato|DHTMLIntegradoTabela
Dimensõesempixels:
348x238.
Pesomáximo:
GIF/JPG60KB.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouTAGde
terceiroemHTML5.
Tempodeexibição:
Até12segundos.
Z-index:
45.
Áudio:
Permitidodesdequenãosejanomodelopadrão
Integrado.Deveconterbotão“liga”e“desliga“e
cujoiníciodoáudiosejaopçãodointernauta.
A criação do botão e a função de “liga” e
“desliga“devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAGde
contabilização.
Paraessaseoutrasinformaçõestécnicas,veri;iquenosso
guiadeboaspráticasdeHTML5.
Observações:
Apeçapodeserlivreparacriaçãoouseguirmodelo
integrado.Paraomodelointegradoeladeveráconter:
▪Logodamontadora;
▪Frase:“Consideretambém”+Marca+“emsuabusca”;
▪Texto;
▪Recomendado:Linkpararesultadodebuscano
WebMotors.
Restrições:
Oindicadordotempodeexibiçãoéobrigatórioedeve
seguiropadrãoabaixo.Quandoocírculosumirtotalmente,
amídiasome.
*Casosejapreciso,solicitaroarquivoPSDcontendoomodelodapeça.
27
de55
DHTML
INTERVENÇÃO
DHTMLIntervenção
Formato de alto impacto exibido na
homepagedoWebmotors.
28
de55
Especi;icaçõesdeformato|DHTMLIntervenção
Dimensõesempixels:
993x330
Pesomáximo:
60KB
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouTAGde
terceiroemHTML5
Tempodeexibição:
Até12segundos.Casosejamenorque12
segundos,devesercolocadoSTOPno;inalda
animaçãoparaevitarlooping
Z-index:
45
Áudio:
Permitidodesdequenãosejanomodelopadrão
Integrado.Deveconterbotão“liga”e“desliga“e
cujoiníciodoáudiosejaopçãodousuário.
A criação do botão e a função de “liga” e
“desliga“devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.Paraessaseoutrasinformações
técnicas,veri;iquenossoguiadeboaspráticasde
HTML5.
PosiçãodeDlutuação:
Obannerseráposicionadocomumamargemde465px
dotopo.
Restrições:
-Éobrigatórioqueamídiatenhabotãofechar.
-Oindicadordotempodeexibiçãoéobrigatórioedeve
seguiropadrãoabaixo.Quandoocírculosumir
totalmente,amídiasome.
Observações:
PeçasnoformatoDHTMLIntervençãoestãosujeitasà
aprovação.
Esseformatoaceitavídeo.Vejaasespeci;icações.
*Casosejapreciso,solicitaroarquivoPSDcontendoomodeloda
peça.
29
de55
E-mailMarketing
Formatopersonalizáveldegrande
alcance.
30
de55
Especi;icaçõesdeformato|E-mailMarketing
Dimensõesempixels:
550delarguraxalturavariável.
Pesomáximo:
100Kb(html+imagem).
Tiposdearquivo:
PeçaemHTMLeimagensquecompõemapeça
emJPGouGIF(nãoanimado).
Áudio:
Nãopodeconteráudio.
Restrições:
§  Peçadevesercompostaobrigatoriamentepor
textoeimagem;
§  Diagramarolayoutemtabelas;
§  Linksdevemtertargetblank.;
§  Nãoépermitidoomapeamentodeimagens;
§  Nãoépermitidoinserirformuláriosna
mensagem;
§  Nãoépermitidoutilizarimagensdefundona
tag<body>;
§  Acentuaçãodetextodeveestarnoformato
HTMLencoding;
Recomendações:
§  Em textos utilizar fontes de sistema (Arial,
Verdana,Timesetc);
§  Usar o atributo alt da tag <img> para as imagens
maisrelevantesdotemplate;
§  Utilizar CSS apenas da forma inline, pois alguns
provedores de e-mail não consideram nada acima
datag<head>;
§  Formatartextos,preferencialmenteutilizandoatag
<font>;
§  Nãoposicionarelementosnotemplatepormeiode
CSS,utilizarpropriedadescomo;loat,position,top,
left,bottomeright;
§  Ao usar cor de fundo na tag <body>, especi;icá-la
por meio do atributo bgcolor do HTML e da
propriedadebackground-colordoCSS;
§  Para evitar que o Hotmail e Gmail acrescente
espaços extras ao redor das imagens, insira
style=”display:block; em todas as tags < img > do
template
§  Paraotimizaraentregadasmensagens,desenvolva
ocódigoHTMLparaquetenhaaté30kb.
31
de55
InformePublicitário
Conteúdoeditorialdoanunciante
publicadonaseçãoRevistado
WebMotors.
32
de55
Especi;icaçõesdeformato|InformePublicitário
Restrições
§  Linksdevemtertargetblank.
§  Exibiçãodamaterialserádeacordocomolayout
padrãodapáginadematériadaseçãoRevista.
Observações:
§  Omaterialentreguedeveconter:
§  Até19fotos(mínimode1foto)
§  Título:até40toques
§  Subtítulo:Até80toques
§  Texto:aproximadamente2.550toques.
33
de55
Minibannerlojase
concessionárias
FormatoexibidonaBuscadelojase
concessionárias.
34
de55
Especi;icaçõesdeformato|Minibannerlojaseconcessionárias
Dimensõesempixels:
100x40.
Pesomáximo:
2KB.
Tiposdearquivo:
GIF(estático)
Restrições:
§  NãopodeseremHTML5
Z-index:
De10a20.
Restrições:
Nãopodeconteranimação.
35
de55
PostPatrocinado
Formatodivulgadonoper;ildo
WebMotorsnoTwitter.
36
de55
Especi;icaçõesdeformato|PostPatrocinado
Quantidademáximadetoques:
136
Pesomáximo:
60KB.
Tiposdearquivo:
TextoeJPG,PNG,GIFestático.
Link:
Direcionaparapáginade;inidapelo
anunciante
Observações:
Imagemilustrativaopcional
37
de55
PPIAlert
FormatoexibidonoResultado
debuscadecarrosemotos,
aparecendo no canto inferior
direito.
38
de55
Especi;icaçõesdeformato|PPIAlert
Dimensõesempixels:
45x45(imagem)
Pesomáximo:
5KB(imagem).
Tiposdearquivo:
TextoeImagemGIF(Semanimação).
Restrições:
§  NãopodeseremHTML5
Tempodeexibição:
Períodoatéarolagemdapágina(últimobloco
deanúncio)ouapóscliquenobotãofechar.Após
ofechamento,;icadisponívelíconequepermite
reabri-la.
Áudio:
Nãopodeconteráudio.
Observações:
Deveráserencaminhado:
▪Logomontadora:GIFcomtransparência(45x45px);
▪Logomontadora:GIFcomfundobranco(45x45px);
▪Título:Limitadoa2linhasde11toques;
▪Textocomercial:Limitadoem75toques;
▪Recomendado:Linkpararesultadodebuscano
WebMotors.
Restrições:
Produtodestinado,especi;icamente,paramontadoras.
39
de55
Searchback
Formatoexibidonahomedaseção
Comprar, em torno do combo de
busca.
40
de55
Especi;icaçõesdeformato|Searchback
Dimensõesempixels:
993x445(artetotal)
993x265(focodacampanha)
Pesomáximo:
100KB
Tiposdearquivo:
JPG,GIF(estático)
Z-index:
De10a20.
URLDEDESTINO:
Recomenda-se que o link seja direcionado para páginas
internasdoWebMotors
Restrições:
•  NãopodeseremHTML5
•  Aimagemenviadadeveserobrigatoriamentedeum
veículo;
•  Produtodestinado,especi;icamente,paramontadoras
Observações:
•  Textocomquantidademáximade30toques.
•  Ofocodacampanhadeveserinseridonaáreamais
clara.Aáreaescuradeveserusadacomo
preenchimentodaarte,sendoproibidoqualquertexto
nestaárea,alémdenãorecomendarmosainclusãode
qualquerinformaçãorelevantenestaárea.
993PX
445PX
SEARCHBACK
265PX
Exemplo:
41
de55
Slideentrefotos
Formatoexibidodentreasfotos
Doconteúdoeditorial.
42
de55
Especi;icaçõesdeformato|Slideentrefotos
Dimensõesempixels:
630x386.
Pesomáximo:
40KB.
Tiposdearquivo:
JPG,GIF(estático).
Restrições:
§  NãopodeseremHTML5
Z-index:
De10a20.
Observações:
-Apareceapósaterceirafoto
43
de55
Skyscraper
Formato exibido no Resultado de
BuscaenaRevistaWebMotors
44
de55
Especi;icaçõesdeformato|Skyscraper
Dimensõesempixels:
120x600.
Pesomáximo:
20KBGIF.
155KBZIPcomarquivosHTML5.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Z-index:
De10a20.
Áudio:
Nãopodeconteráudio.
Restrições:
Sóéexibidoemresoluçãoigualoumaiorque
1280x720px.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
Observações:
NoResultadodeBusca,essapeça;ica;ixajuntoda
rolagem.
45
de55
SUPERBANNER
SuperBanner
Formatoexibidoemtodasasseções,
exceto Vender e Minha WebMotors
(árealogada).
46
de55
Especi;icaçõesdeformato|SuperBanner
Dimensõesempixels:
728x90.
Pesomáximo:
20KBGIF.
155KBZIPcomarquivosHTML5.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Z-index:
De20a30.
Áudio:
Permitido, desde que com botão “liga” e
“desliga“ e cujo início do áudio seja opção do
internauta.
A criação do botão e a função de “liga” e
“desliga”
devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
47
de55
SUPERBANNEREXPANDED
SuperBanner
Expanded
Formatoexibidoemtodasasseções,
exceto Vender e Minha WebMotors
(árealogada).
48
de55
Especi;icaçõesdeformato|SuperBannerExpanded
Dimensõesempixels:
728x90(fechado)e728x300(aberto).
Pesomáximo:
155KBZIPcomarquivosHTML5.
Tiposdearquivo:
TAGdeterceirosemHTML5.
Z-index:
35.
Áudio:
Permitido,desdequecombotão“liga”e
“desliga“ecujoiníciodoáudiosejaopção
dointernauta.
Acriaçãodobotãoeafunçãode“liga”e
“desliga”
devemserfeitaspeloanunciante.
Restrições:
Nãoépermitidobannertransparente.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
Observações:
Expandeemmouseover,sobrepondopartedo
conteúdo.
49
de55
SUPERLEADERBOARD
Superleaderboard
FormatoexibidonofooternaHome,
footer do Resultado de Busca e no
DetalhedoAnúncio.
50
de55
Especi;icaçõesdeformato|Superleaderboard
Dimensõesempixels:
970x90.
Pesomáximo:
20KBGIF.
155KBZIPcomarquivosHTML5.
Tiposdearquivo:
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Z-index:
De10a20.
Áudio:
Permitido,desdequecombotão“liga”e
“desliga“ecujoiníciodoáudiosejaopção
dointernauta.
A criação do botão e a função de “liga” e
“desliga”
devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
51
de55
VÍDEO
Vídeo
Peçasemvídeopodemser
publicadasemdiferentesformatos
e diversas tecnologias. Todas elas
passam,antes,poraprovação.
52
de55
Especi;icaçõesdeformato|Vídeo
Formatos:
DHTMLFloater,DHTMLIntervenção,Arroba,
SuperBannerExpanded.
Dimensõesempixels:
Deacordocomoformatoselecionado.
Pesomáximo:
Aceitostreamingoupolitedownload.
§  Até300KBparaDHTML;loater.
§  Até600KBparaDHTMLintervençãoeSuper
bannerexpanded;
Z-index:
De10a20.
FrameRate:
18FPS.
Tiposdearquivo:
TAGdeterceiroemHTML5.
Tempodovídeo:
Até30segundos.
Obs:ovídeodevepossuirbotãodeiniciaresócomeça
aocliquedousuário.
TempodeanimaçãoemHTML5:
15segundos,sendopermitidoloopingdentrodotempo
estipulado.
Áudio:
Permitido,desdequecombotão“liga”e
“desliga“ecujoiníciodoáudiosejaopção
dointernauta.
Acriaçãodobotãoeafunçãode“liga”e“desliga”
devemserfeitaspeloanunciante.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
Observações:
Éimprescindívelenviarovídeocomolinkpara
aprovação.
OWebMotorsnãohospedanenhumdosarquivos.
53
de55
WIDESKYSCRAPER
WideSkyscraper
Formato exibido no Resultado de
Busca
54
de55
Especi;icaçõesdeformato|WideSkyscraper
Dimensõesempixels:
160x600.
Pesomáximo:
30KBGIF.
155KBZIPcomarquivosHTML5.
Tiposdearquivo:
JPG,GIF(estáticoouanimado)ouZIP
(Veri;icarguiadeboaspráticasdeHTML5).
Z-index:
De10a20.
Áudio:
Nãopodeconteráudio.
Restrições:
Sóéexibidoemresoluçãoigualoumaiorque
1280x720px.
TAG:
ParapeçasemHTML5éobrigatóriaainserçãodaTAG
decontabilização.
Paraessaseoutrasinformaçõestécnicas,veri;ique
nossoguiadeboaspráticasdeHTML5.
Observações:
NoResultadodeBusca,essapeça;ica;ixajuntoda
rolagem.
55
de55

Documentos relacionados