![Especificações para Mídia Kit
Para os clientes que utilizarem o template de HTML5 fornecido pela AppNexus, teremos
algumas especificações obrigatórias. Sugerimos que as mesmas sejam colocadas junto com o
mídia kit do portal.
Posicionamento:
Todas as peças veiculadas por meio do template desenvolvido pela AppNexus usarão um
“iframe” por configuração default. Para evitar espaço entre a peça e a borda é preciso colocar
a seguinte configuração de CSS entre as tags <head></head>
<style>
html, body { margin: 0; }
</style>
*Com esse “style” aplicado, sua peça em HTML5 sempre estará alinhada ao topo e à esquerda,
não criando margens indevidas.
ClickTag:
Assim como nas peças SWF, as peças HTML5 também precisam conter uma “clickTag”
(variável que possibilitará a contagem de cliques pelo OAS).
A implementação em arquivo de HTML deve ser feita seguindo as instruções:
Entre as tags <head> e </head>, deve conter o seguinte script:
<script>
function getParameters(){var r={};return location.search.substr(1).split("&").forEach(function(a){var
e=a.split("="),t=e.splice(0,1);t.push(e.join("=")),r[t[0]]=decodeURIComponent(t[1])}),r}var
flashvars=getParameters();
</script>
Na área de clique da peça deve-se colocar a chamada para disparar o script acima e
efetuar a contabilização/direcionamento para o link de destino processado pela ferramenta.
Por exemplo:
<button onClick="javascript:window.open(flashvars.oas,'_blank')">Clique aqui para maiores
informações</button>](https://image.slidesharecdn.com/specshtml5-190717180331/85/Spec-s-html5-1-320.jpg)
Recomendados
Mais conteúdo relacionado
Semelhante a Spec's html5
Semelhante a Spec's html5 (20)
Mais de diariodocentrodomundo
Mais de diariodocentrodomundo (20)
Spec's html5
- 1. Especificações para Mídia Kit Para os clientes que utilizarem o template de HTML5 fornecido pela AppNexus, teremos algumas especificações obrigatórias. Sugerimos que as mesmas sejam colocadas junto com o mídia kit do portal. Posicionamento: Todas as peças veiculadas por meio do template desenvolvido pela AppNexus usarão um “iframe” por configuração default. Para evitar espaço entre a peça e a borda é preciso colocar a seguinte configuração de CSS entre as tags <head></head> <style> html, body { margin: 0; } </style> *Com esse “style” aplicado, sua peça em HTML5 sempre estará alinhada ao topo e à esquerda, não criando margens indevidas. ClickTag: Assim como nas peças SWF, as peças HTML5 também precisam conter uma “clickTag” (variável que possibilitará a contagem de cliques pelo OAS). A implementação em arquivo de HTML deve ser feita seguindo as instruções: Entre as tags <head> e </head>, deve conter o seguinte script: <script> function getParameters(){var r={};return location.search.substr(1).split("&").forEach(function(a){var e=a.split("="),t=e.splice(0,1);t.push(e.join("=")),r[t[0]]=decodeURIComponent(t[1])}),r}var flashvars=getParameters(); </script> Na área de clique da peça deve-se colocar a chamada para disparar o script acima e efetuar a contabilização/direcionamento para o link de destino processado pela ferramenta. Por exemplo: <button onClick="javascript:window.open(flashvars.oas,'_blank')">Clique aqui para maiores informações</button>
- 2. Questões mais detalhadas como Peso, tempo de duração, loop, botão fechar, e outras, são uma decisão exclusiva do portal. Organização de Arquivos da Peça: Um ponto muito importante é com relação a forma que os componentes do HTML5 são enviados. Devem estar todos dentro de um mesmo diretório. Ex: Forma não indicada: Neste caso como o HTML5 puxa os arquivos de uma pasta, comprometo o funcionamento da peça, já que no adserver não conseguimos subir os diretórios. Forma Correta para cadastramento no OAS: Na forma ideal, todos os arquivos estão na mesma raiz e ao hospedá-los no adserver a estrutura se mantém.