Criativos HTML5 responsivos

Um criativo responsivo é um criativo HTML5 único que pode redimensionar e remodelar os elementos para se adaptar a vários tamanhos diferentes de inventário de anúncios. Em vez de gerar um criativo diferente para cada tamanho de inventário, os criativos responsivos usam as regras de mídia CSS para definir como o conteúdo do criativo se movimenta e dimensiona para se ajustar ao espaço disponível.

Embora as páginas da Web responsivas possam ser dimensionadas para telas de qualquer tamanho, os criativos HTML5 responsivos só precisam ser dimensionados para os tamanhos de anúncio comuns.

Gerar um criativo responsivo

Os layouts responsivos do Google Web Designer facilitam a geração de criativos responsivos. No entanto, você também pode gerar criativos usando seu editor de HTML preferido.

1. Abra o Google Web Designer.
   • Para começar, selecione um modelo responsivo, por exemplo, Banner para Display & Video 360, e escolha um layout.
   • Outra opção é criar um anúncio de banner e começar do zero.
     1. Selecione Display & Video 360 como o ambiente do anúncio.
     2. Selecione as dimensões.
     3. Marque a caixa de seleção Layout responsivo.
     4. Configure os pontos de interrupção e gere o criativo.

Quando o criativo estiver pronto, publique diretamente no Display & Video 360 ou localmente e faça upload como um novo criativo HTML5.

Escolher os tamanhos de veiculação

Para que os editores possam organizar os anúncios nos layouts de página, o próprio inventário de anúncios precisa ter um tamanho definido. Mesmo que seu criativo seja compatível com inúmeros tamanhos, ainda assim será preciso definir os tamanhos em que ele será veiculado para que possa ser associado ao inventário de anúncios disponível.

Ao fazer upload de um criativo responsivo:

• criado com o Google Web Designer: o Display & Video 360 vai selecionar os tamanhos do IAB compatíveis com o criativo. Revise os tamanhos de veiculação selecionados no menu suspenso Dimensões para confirmar.
• não criado com o Google Web Designer: o campo "Dimensões" estará vazio. Clique no menu suspenso Dimensões para selecionar os tamanhos de veiculação compatíveis com o criativo.

Definir tamanhos de veiculação

1. Abra o Display & Video 360.
2. Abra seu anunciante.
3. No menu à esquerda, clique em Criativo e em Criativos.
4. Encontre o criativo que você enviou por upload. Clique no nome dele para abri-lo.
5. Na seção "Detalhes básicos", clique em Dimensões.
6. Marque a caixa de seleção ao lado dos tamanhos em que você quer veicular o criativo.
7. Se um tamanho específico não estiver listado, adicione um tamanho personalizado:
   1. Insira a largura e a altura e clique em Adicionar . Esse tamanho será selecionado automaticamente para veiculação.
8. Clique em Aplicar.
9. Salve o criativo.

(Opcional) Imagens de backup

• As imagens de backup não são obrigatórias. No entanto, se você quiser incluí-las, faça upload de uma imagem por tamanho da veiculação.
• Se você decidir não usar imagens de backup, no caso raro de um backup precisar ser veiculado, um pixel gerado pelo sistema será mostrado.

Publicar um criativo responsivo

Quando o criativo estiver pronto para veiculação, publique-o para fazer a atribuição aos itens de linha.

Editar tamanhos de veiculação

1. Abra o criativo.
2. Na seção "Detalhes básicos", clique em Dimensões.
3. Marque a caixa de seleção ao lado dos tamanhos em que você quer veicular o criativo. Desmarque os tamanhos que você não quer usar.
4. Clique em Aplicar.
5. Salve o criativo.

Relatório sobre criativos responsivos

Ao gerar relatórios sobre campanhas da Rede de Display que tenham criativos responsivos, inclua a dimensão Tamanho do criativo para comparar o desempenho de cada tamanho de veiculação.