Visão geral
Os criativos VPAID são criativos rich media renderizados no player de vídeo in-stream de um editor. Uma característica importante dos criativos VPAID é que eles podem interromper ou silenciar o player de vídeo do editor e exibir o próprio conteúdo, inclusive opções interativas.
Com o Studio, você cria anúncios em vídeo in-stream VPAID interessantes e interativos usando APIs e componentes que já conhece.
O Studio é compatível com os criativos VPAID lineares.
Um criativo VPAID linear aparece sozinho, e não ao lado do conteúdo do editor. Pode aparecer antes, no meio ou depois do vídeo do editor. Por exemplo, um criativo VPAID linear pode interromper o desenho animado de um editor para exibir um comercial em vídeo com imagens interativas sobrepostas ao conteúdo em vídeo do editor.
Limitações
- Os criativos VPAID em HTML5 não são puláveis.
- O Studio não é compatível com criativos não lineares em HTML5.
Dimensionamento e gráficos
Os criativos VPAID são dimensionados para preencher o player de vídeo do editor, mantendo a proporção. Se a proporção do criativo não corresponder ao player do editor, o criativo será redimensionado para preencher inteiramente uma dimensão e ser centralizado na outra dimensão, e barras pretas preencherão o espaço. Isso é chamado de letterboxing. Isso significa que, ao ser veiculado em vários editores ou em uma rede, o criativo será dimensionado para caber no player daquele editor.
Para garantir que seu criativo seja exibido da maneira ideal em todos os editores, siga estas práticas recomendadas:
- Use gráficos de vetores quando possível.
- Projete o criativo de modo que ele seja correspondente ao maior player em que será executado.
- Use uma abordagem responsiva (parâmetros de posicionamento e tamanhos em % em vez de em pixels) para se adequar melhor ao espaço disponível.
Primeiros passos
Etapa 1: começar com um criativo de banner HTML5
Gere seu criativo VPAID em HTML5 da mesma forma que projeta um criativo de banner HTML5. O Enabler do Studio faz a comunicação com o player de vídeo do editor para você.
Etapa 2: adicionar um vídeo
Adicione vídeos ao seu criativo VPAID seguindo uma destas opções:
- Adicione uma tag
<video>ao arquivo HTML. - Use o componente "Vídeo" do Google Web Designer.
Tipos de mídia compatíveis com vídeo em HTML5
| Formato do arquivo | Tipo de mídia |
|---|---|
| MP4 | vídeo/mp4 |
| WebM | vídeo/webm |
| Ogg | vídeo/ogg |
Etapa 3: fechar o criativo
Um criativo linear VPAD precisa ser fechado ao ser concluído para acionar os eventos necessários no player de vídeo do editor. Isso se aplica no caso de o vídeo ser concluído e de você adicionar uma saída e pausar o vídeo.
Chame Enabler.close() ou acione o método correspondente do Google Web Designer para fechar o anúncio.
Visualizar e testar
- Upload para o Studio: quando o criativo estiver pronto, faça upload dele para o Studio.
- Visualizar e testar: conforme você testa os recursos do criativo, verifique se a duração do vídeo está correta na seção "Propriedades de exibição" do painel de visualização.
- Controle de qualidade: após visualizar o criativo, envie-o por meio do processo de aprovação do controle de qualidade.
Os criativos VPAID não são compatíveis com o app Creative Preview. Para gerar uma visualização diretamente em um dispositivo móvel, envie o criativo para o Campaign Manager 360 e exporte as tags para vê-las no dispositivo.
Após trafegar o criativo no Campaign Manager 360 e ele tiver uma tag VAST, também é possível usar o VAST Video Suite Inspector para visualizar a aparência do criativo em um vídeo de amostra.
Tráfego
Quando o criativo estiver pronto, siga o guia para fazer o tráfego de criativos VPAID no Campaign Manager 360.