especificações - Boo-Box

Transcrição

ESPECIFICAÇÕES
TÉCNICAS
C OMP R O VAN T E DE
VE I C UL AÇ Ã O EXEMPLO: TOTEM
ESPECIFICAÇÕES TOTEM
1 - Condições gerais
Três peças compõe o formato:
•  Peça IAB que chama o Overlay e o Totem
•  Totem chamado pela peça IAB que pode chamar o Overlay
Todos os componentes deverão ser hospedados pela boo-box, não aceita-se tags de terceiros.
Entretanto aceita-se contadores de clique para o redirecionamento do Overlay e contadores de
impressão para a peça IAB.
A boo-box não aceita arquivos abertos (tais como FLA ou PSD).
2 – Peça IAB
O Envio de peça IAB é obrigatório para o funcionamento correto do Totem.
Formatos aceitos: HTML5, ou Flash(SWF), GIF, PNG ou JPEG. Não são aceitas tags HTML de
Adserver.
A boo-box não aceita arquivos abertos (tais como FLA ou PSD).
Aceita-se o envio de contador de impressão e cliques para a peça IAB.
Toda a contabilização será feita a partir da peça IAB. (O Totem será exibido em todas as
instâncias de veiculação em parceria com a peça IAB.)
2 – Peça IAB
2.1 - GIFs
Podem ser animados ou estáticos. Não podem conter transparência. O limite de peso para cada formato utilizado deve ser respeitado (a seguir)
2.2 - PNG
Não 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)
2 – Peça IAB
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 – Peça IAB
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( )
Redirecionamento de clique
var bbType =’display'
var event=new Event('bb_click')
document.dispatchEvent(event)
2 – Peça IAB
2.4 – HTML5
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áveis var bbType ='totem|display|overlay' junto ao startAnimantion()
Não é permitido a utilização de "localstorage” 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 – Peça IAB
2.5 - Flash (SWF):
Versão 8 ou 9 ActionScript 2.0 ou 4.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 – Peça IAB
2.5 - Flash (SWF):
2.5.1 - Função de clique: Atenção: funções são case-sensitive. Aplicar em botão cobrindo toda a área da peça.
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 4.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 – Peça IAB
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
• Leaderboard / Superbanner (728 x 90)
• Fullbanner (468 x 60)
• Fullbanner (468 x 60)
• Skyscraper (120x600)
Peso máximo: 30kb
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.
Rua Gomes de Carvalho, 1507, cj. 92
Vila Olímpia, São Paulo
SP, 04547-005
11 3853-9598
[email protected]
[email protected]
boo-box.com
/booboxbr
/booboxbr
3 – TOTEM
Formatos aceitos: Flash (SWF), HTML5 ou PNG.
Todos os componentes deverão ser hospedados pela boo-box, não aceita-se tags de terceiros
nem contadores para o Totem.
Totem será exibido em todas as instâncias de veiculação em parceria com a peça IAB. Não é necessário inserir ou fornecer o botão fechar. 3.1 - PNG
Apenas para peça de segurança, a versão SWF ou HTML5 deve ser enviada obrigatoriamente.
Podem conter transparência.
Peso máximo: 80kb.
3 – TOTEM
3.2 - 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.
Peso máximo: 80kb
Não realizar resize do stage
3 – TOTEM
3.2 - Flash (SWF):
3.2.1 - Função de clique: Atenção: funções são case-sensitive. Aplicar em botão cobrindo toda a área da peça.
3.2.1.1 - Em caso de ActionScript 2.0
on (release) {
getURL(_root.clicktag, ”_blank");
}
3.2.1.2 - Em caso de Action Script 4.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');
}
});
3 – TOTEM
3.3 – HTML5:
3.3.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
3.3.2 Extensões aceitas
.CSS
.JS
.HTML
.GIF
.PNG
.JPG
.JPEG
.SVG
.CANVAS
3 – TOTEM
3.3 – HTML5
3.3.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( )
Redirecionamento de clique
var bbType =’totem'
var event=new Event('bb_click')
document.dispatchEvent(event)
4 – Peça IAB
3.3 – HTML5
3.3.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áveis var bbType ='totem|display|overlay' junto ao startAnimantion()
Não é permitido a utilização de "localstorage” 3.3.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
3 – TOTEM
3.4 – Formatos disponíveis
3.4.1 - Triangulo Superior Dimensões máximas: 300x250 pixels Peso máximo: 40kb Peso máximo HTML5: 150kb
Não serão aceitas peças que formem quadrados ou retângulos. A peça deve ser um
triângulo retângulo com o angulo reto no canto superior direito. O botão deve acompanhar
o formato triangular do desenho. 3.4.2 – Barra Inferior
Dimensões máximas: 955x180 pixels Peso máximo: 40kb
Peso máximo HTML5: 150kb Enviar código Hexadecimal para cor de fundo
O botão deve acompanhar o formato retangular da barra.

especificações - Boo-Box

Transcrição

Documentos relacionados

Sucor inicia testes de campo com o Totem de autoatendimento ao

ESPECIFICACOES TOTEM STANDART

O Vrum une todos que tem paixão por automóveis. De um lado, traz

Clique aqui para ver a Logística do Evento

Programação de Jogos para Web

PRAIDMUL LI 436 Código - PO440 Características Classificação

Totens - Grupo GP

PDF Completo - Unasp Engenheiro Coelho

Lista de Verificação - Wizards of the Coast

Monoestearato de Glicerina Vegetal

Web Courier – SPEC

cat. geral protos08

IAB Portugal - Associação Portuguesa de Imprensa