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