HTML5 - Boas práticas




Flash - clickTag

  • Flash: até a versão 10
  • Fallback image: gif ou jpg
  • Formato: consulte a Tabela de Formatos

Não devem ser enviados arquivos FLA, TTF, HTML, JS, etc. Qualquer arquivo que seja enviado exceto SWF, GIF ou JPG será desconsiderado.

O GIF/JPG alternativo é obrigatório, visando atender usuários que não possuam o plugin "Flash".

O prazo para análise (24 horas) somente terá inicio após o envio de todo o material. Caso o material seja rejeitado o tempo para análise será reiniciado.

O clique dentro do Flash não deve conter a URL de destino, verifique o procedimento de construção abaixo de acordo com a sua versão do Flash.

- Os SWFs apresentam problema no clique quando o Internet Explorer está usando Flash plugin 10 e com anti-popup ativo.

Este problema foi detectado em peças até a versão 7, portanto, é recomendável que enviem as peças na versão 8 ou superior.

- Todas as peças em Flash tem como padrão o wmode OPAQUE.

Dicas da Adobe para desenvolvimento de peças publicitárias em Flash:
  Flash X CPU Usage   |   Optimizing Flash   |   Flash Best Practice

AS2

Com o fim do suporte ao Flash CS6 estamos restringindo o uso do Action Script 2. Por ora ainda aceitamos a versão 2, mas em breve será descontinuada. Mais informações.

Para ver a versão em AS2, clique aqui

AS3

Crie o botão com instance name botaoUOL, depois acrescente o action abaixo

Clique aqui para baixar o script em TXT

Multiplos Cliques

Crie o botão normalmente, de acordo com a sua versão do Flash seguindos os manuais acima

Preencha exatamente como nos demais manuais, a única diferença para multiplos cliques é colocar números no final das funções clickedb, clickTag e botaoUOL. Lembre-se de duplicar as funções para cada clickTag. Veja o exemplo abaixo ou baixe o FLA de exemplo:

Formulários em Flash

Se possui um formulário em sua peça em Flash basta seguir o procedimento abaixo:

Basta substituir parse pelo seu parseador e a variávelvalor pelo valor que foi preenchido no formulário.

Envie apenas a url destino excluindo os parseamentos. Se sua url final com os valores do formulário for http://www.meu-site.com.br/cadastro.php?nome=jose, a url que deve enviar é http://www.meu-site.com.br/cadastro.php neste exemplo o parse será nome e o valor será jose a forma de capturar o valor fica a critério do desenvolvedor.

Caso tenha mais de um campo no formulário basta concatenar os parceadores com &. Veja o exemplo abaixo:

Consumo de CPU

O Alto consumo de CPU pode ser causado por um frame rate alto e ou uso de Action Script. Na grande maioria dos casos os programadores podem resolver este problema baixando o frame rate e eliminando o uso de Action Script.

O UOL recomenda a utilização de no máximo 12 quadros por segundo, evitando o uso abusivo da máquina do usuário. Os problemas mais comuns:

Em casos críticos o navegador do usuário pode parar de responder.

Para verificar o uso de CPU de sua peça siga os seguintes passos (Windows 2000 ou XP):

O UOL recomenda que testes sejam realizados em máquinas com processador Intel Pentium 4 ou equivalente com no máximo 256 MB de memória RAM (verifique mais detalhes abaixo no tópico "Máquina Padrão"). Para saber qual a configuração de sua máquina basta ir até o seu desktop e clicar com o botão direito do mouse sobre o ícone “Meu Computador”

Em seguida “Propriedades” uma tela como na imagem acima à direita será exibida.

Peças serão aprovadas nos casos em que o consumo de CPU não ultrapasse 30% na máquina padrão durante toda a animação. Demais casos deverão passar por analise do UOL onde a peça será colocada em teste para verificação de desempenho.

Som

Não é permitido qualquer som sem que haja interação do usuário.

Exemplo: mouse over, clique em um botão liga / desliga para o som.

Aparência

Para preservar a qualidade editorial do site existem algumas restrições e recomendações quanto à velocidade da animação e contorno da peça publicitária.

Procure evitar que a peça fique piscando intermitentemente, isso irrita o usuário que está tentando ler uma noticia e tambem é proibido pelo UOL;

Sempre que o fundo da peça for o mesmo da pagina procure colocar um fio de contorno, principalmente se a sua peça tiver o fundo branco;

Todas as peças são publicadas por padrão com o fundo transparente, caso você não queira que a peça fique com esta característica coloque um objeto de fundo;

Máquina Padrão para testes

Intel Pentium 4
Total de Memória Física: 261.616 KB (256MB)
Sistema Operacional: Microsoft Windows XP Professional
Versão: 5.1 Service Pack 2 Build 2600

Referências

http://insercao.uol.com.br/

http://www.macromedia.com/support/flash/ts/documents/frame_rate_performance.htm

http://www.mfaa.org/resource/optimizing_flash_ads/