ESPECIFICAÇÕES TÉCNICAS
EXEMPLO: IAB E TROCA DE
1 - Condições gerais A Troca de Background é composta de dois elementos - Peça IAB que irá chamar o Background - Imagem Background que será chamada pela peça IAB Obrigatório envio de peças IAB que irão chamar a troca do fundo, respeitando as especificações boo-box para formatos IAB. Apenas a peça IAB será contabilizada, o Background será exibido em todas as instâncias de veiculação. Obrigatório envio de código hexadecimal de cor de preenchimento para o background. A área de vizualiação irá variar de acordo com o layout dos sites que veicularem e resolução do usuário. A boo-box não aceita arquivos abertos (tais como FLA ou PSD).
Formatos aceitos: GIF, PNG, JPEG, HTML ou Flash(SWF) Aceita-se o envio de tags/pixels de rastreamento. A boo-box não aceita arquivos abertos (tais como FLA ou PSD). 2.1 - GIFs Podem ser animados ou estáticos. Podem conter transparência. O limite de peso para cada formato utilizado deve ser respeitado (a seguir) 2.2 - PNG Podem conter transparência. O limite de peso para cada formato utilizado deve ser respeitado (a seguir) 2.3 - JPG O limite de peso para cada formato utilizado deve ser respeitado (a seguir)
ESPECIFICAÇÕES TROCA DE 2.4 HTML5 2.4.1 - Enviar cada formato em uma pasta zipada organizada na seguinte estrutura: Dentro do zip os arquivos utilizados na peça deverão estar organizados por pastas (imagens, css e js) exemplo:./images -> Alocará as imagens utilizadas na animação (jped, jpg, svg, canvas e etc)./css -> Alocará os arquivos CSS./JS -> Alocará scripts Javascript.html -> Arquivo main.html responsável por iniciar a animação 2.4.2 Extensões aceitas.css.js.html.gif.png.jpg.jpeg.svg.canvas
2.4 HTML5 2.4.3 Funções para o funcionamento das peças no sistema boo-box As funções abaixo devem estar no arquivo javascript enviado Início da animação: startanimation( ) Contabilização de clique var bbtype ='display' var event=new Event('bb_click') document.dispatchevent(event) 2.4.4 Requisitos HTML Os anúncios HTML5 precisam incluir: Declaração <!DOCTYPE html> Tag <head> Tag <html> Tag <body> Adicionar o JS de controle do anuncio na head <script type="text/javascript" src="https://static.boo-box.com/javascripts/ embed_triggers.js"></script> Declarar variável var bbtype ='totem display overlay' junto ao startanimantion() Não é permitido a utilização de "localstorage
2.4 HTML5 2.4.5 Requisitos adicionais para HTML5 Todos os códigos e recursos precisam ser referenciados com um caminho relativo aos recursos incluídos no arquivo.zip. Não são permitidas referências externas, exceto referências a: Fontes do Google se necessário jquery hospedada pelo Google O Peso considerado da peça é referente a pasta descompactada
2.5 - Flash (SWF): Versão 8 ou 9 ActionScript 2.0 ou 3.0 Sem compressão. FPS: 18 Colocar objeto (shape) sólido no fundo da peça. Para cada formato enviado, enviar peça alternativa (de segurança) em GIF, PNG ou JPEG respeitando as especificações. O limite de peso para cada formato utilizado deve ser respeitado (abaixo) 2.5.1 Função de clique: atenção: funções de clique são case-sensitive. Aplicar em botão cobrindo toda a área da peça. Favor definir qual versão de ActionScript será utilizada e aplicar a clicktag de acordo a informação a seguir:
2.5 - Flash (SWF): 2.5.1.1 Em caso de ActionScript 2.0 on (release) { geturl(_root.clicktag, "_blank"); } 2.5.1.2 Em caso de Action Script 3.0 click_btn.addeventlistener(flash.events.mouseevent.click, function (arg1:flash.events.mouseevent):void { var click_url:string = root.loaderinfo.parameters.clicktag; if(click_url) { flash.net.navigatetourl(new flash.net.urlrequest(click_url), '_blank'); } });
2.6 Formatos Disponíveis e Respectivos Pesos Recomenda-se o uso de no mínimo 3 formatos diferentes. Não serão aceitas peças acima do peso especificado. Leaderboard / Superbanner (728 x 90) Peso máximo: 30kb Peso máximo HTML5: 150kb Fullbanner (468 x 60) Peso máximo: 25kb Peso máximo HTML5: 150kb Skyscraper (120x600) Peso máximo: 30kb Peso máximo HTML5: 150kb Leaderboard / Superbanner (728 x 90) Peso máximo: 30kb Peso máximo HTML5: 150kb Fullbanner (468 x 60) Peso máximo: 25kb Peso máximo HTML5: 150kb Skyscraper (120x600) Peso máximo: 30kb Peso máximo HTML5: 150kb A boo-box pede que todas as especificações sejam respeitadas e todas as peças serão verificadas e estão sujeitas a aprovação. A boo-box não produz ou ajusta peças.
3 Imagem do Background Formatos aceitos: GIF (estático), PNG, JPEG. A boo-box não aceita arquivos abertos (tais como PSD). O Background não é clicável e não aceita interações ou contadores. A imagem do Background será hospedada pela boo-box, não é aceita como tag. Peso máximo: 150kb 3.1 Em caso de Imagem única Concentrar a criação nas laterais da imagem, deixando uma Área Central Livre no meio para não interferir na leitura dos sites veiculantes. - Dimensão sugerida : 1280x1024px - Área Central livre: 960x1024px - Área Criativa (laterais) 160x1024px Recomenda-se aplicar um gradiente para inferior em repetição formando uma transição suave para o fundo do restante do site. 3.2 Em caso de imagem repetida (pattern) Imagem será aplicada em repetição, formando um padrão em toda a área do site. Dimensão Máxima Sugerida: 150x150
Rua Gomes de Carvalho, 1507, cj. 92 Vila Olímpia, São Paulo SP, 04547-005 11 3853-9598 OPEC_MATERIAIS@BOO-BOX.COM contato@boo-box.com boo-box.com /booboxbr /booboxbr