Programar anúncios âncora na Web

É possível programar anúncios âncora que aparecem na parte de cima ou de baixo das páginas da Web, ou na lateral das versões para computador. Esses anúncios permanecem visíveis enquanto o usuário rola a tela. Eles melhoram a monetização das páginas da Web, usando um formato de alto desempenho que segue os Better Ads Standards (página em inglês). Os usuários podem dispensar um anúncio âncora a qualquer momento clicando na seta.

Os anúncios âncora são compatíveis com lances de cabeçalho usando elementos personalizados e lógica específica de cada formato na resposta do criativo. O wrapper Lances de cabeçalho é responsável por garantir que o criativo seja incorporado corretamente no mesmo iframe que o criativo do shell.

Nesta página

• Anúncios âncora na parte de cima da página
• Anúncios âncora na parte de baixo da página
• Anúncios âncora da coluna lateral
• Anúncios âncora recolhíveis na Web para dispositivos móveis
• Anúncios âncora que incluem vídeos
• Tamanhos de anúncios âncora na Web
• Primeiros passos

Anúncios âncora na parte superior da página

Inicialmente, um anúncio âncora na parte de cima da página fica oculto para garantir que os menus no topo não sejam cobertos. Os anúncios âncora aparecem conforme o usuário rola a tela. Para garantir que o conteúdo não seja coberto quando o usuário rolar até a parte de cima da página, o espaço é reservado no topo da página configurando padding-top para corresponder à altura do espaço no elemento do corpo. Confira se o CSS no seu site faz com que o espaço seja reservado.

Exemplo de um anúncio âncora na parte superior da página da Web para dispositivos móveis

Dispensado	Âncora

Exemplo de um anúncio âncora na parte superior da página em um computador

Dispensado

Âncora

Anúncios âncora na parte inferior da página

Os anúncios âncora da parte de baixo da tela aparecem depois que o anúncio é encontrado. Para garantir que o conteúdo não seja coberto quando o usuário rola até a parte inferior da página, um espaço é reservado nessa parte. Para isso, defina padding-bottom de acordo com a altura do slot no elemento do corpo. Confira se o CSS no seu site faz com que o espaço seja reservado.

Exemplo de um anúncio âncora na parte inferior da página da Web para dispositivos móveis

Dispensado	Âncora

Exemplo de um anúncio âncora na parte inferior da página em um computador

Dispensado

Âncora

Anúncios âncora da coluna lateral

Os anúncios âncora de coluna lateral são um tipo de bloco de anúncios que aparece na lateral de páginas para computador, onde o espaço geralmente é livre. Os anúncios aparecem assim que o anúncio é buscado. O tamanho do anúncio é otimizado para o espaço disponível, mas, se as âncoras de coluna lateral não forem compatíveis, o anúncio não vai ser renderizado.

Se a janela for redimensionada, fazendo com que o anúncio não caiba mais no espaço vazio, o espaço vai ficar temporariamente oculto até que o local fique disponível novamente. O espaço do anúncio fica o mais próximo possível do conteúdo principal, no intervalo de 5 a 25 pixels.

Exemplo de um anúncio âncora de coluna lateral em um computador

Dispensado

Âncora

Anúncios âncora recolhíveis na Web para dispositivos móveis

Assim como os anúncios de banners recolhíveis em apps para dispositivos móveis, os anúncios âncora recolhíveis aparecem na metade da altura da tela. Os usuários podem recolher os anúncios para o tamanho padrão de âncora de imediato. Essa é uma melhoria no formato do anúncio âncora e está na versão Beta.

Saiba mais sobre os anúncios âncora recolhíveis na Web para dispositivos móveis.

Tamanhos de anúncios âncora na Web

Tipo de inventário	Tamanhos
Reservas tradicionais	Os seguintes tamanhos de reserva são compatíveis: Web para dispositivos móveis: 320 x 50 e 320 x 100 Tablet: 728 x 90 Computador: 728 x 90, 980 x 90, 990 x 90, 970 x 90
Demanda programática	Para a programática: Os anúncios âncora têm um tamanho adequado para a janela. O tamanho real do criativo está relacionado ao da janela de visualização para garantir que ele não interfira na experiência do usuário.

Anúncios âncora que incluem vídeos

Os anúncios em vídeo que não são in-stream, incluindo aqueles veiculados em anúncios âncora, são ativados por padrão no Google Ad Manager. Se os anúncios âncora incluem vídeos que não são in-stream, verifique se o controle da experiência do anúncio Bloquear anúncios em vídeo que não são in-stream está desativado .

Primeiros passos

Para mais detalhes sobre inclusão de tags, como a segmentação por dispositivo ou como controlar se um espaço de anúncio âncora é criado em computadores ou dispositivos móveis, acesse a documentação para desenvolvedores.

Inclusão de tags para anúncios âncora

1. Adicione o tipo de slot TOP_ANCHOR ou BOTTOM_ANCHOR à página da web, de preferência no elemento <head>.
   Observação: se você estiver usando um bloco de anúncios sem código, ignore as etapas de codificação manual descritas aqui. O bloco de anúncios sem código faz a implementação necessária automaticamente. Saiba mais sobre como criar um bloco de anúncios sem código.
2. Exiba o espaço do anúncio normalmente.
   defineOutOfPageSlot() retorna nulo se a página não é compatível com o formato.

3. Para anúncios âncora da coluna lateral:

   1. Crie um novo espaço da GPT no elemento <head> da sua página da Web usando LEFT_SIDE_RAIL ou RIGHT_SIDE_RAIL.
   2. Você pode demonstrar anúncios de coluna lateral em qualquer página que mostre anúncios com a GPT adicionando #gamLeftSideRailDemo ou #gamRightSideRailDemo.

Dicas de inclusão de tags

• Adicione espaços fixos somente onde quiser que um anúncio seja exibido. Tenha em mente que os anúncios âncora não se limitam a dispositivos móveis. Se você veicular o mesmo código para usuários de dispositivos móveis e não móveis, é recomendável definir explicitamente quando e onde os anúncios âncora devem ser mostrados em cada ambiente. Confira um exemplo de como segmentar por dispositivo na documentação para desenvolvedores.
• Para ver a aparência da sua página com um anúncio âncora na parte superior ou inferior, anexe o parâmetro hash #gamTopAnchorDemo ou #gamBottomAnchorDemo a qualquer página que carregue gpt.js.
• Você pode demonstrar anúncios de coluna lateral em qualquer página que mostre anúncios com a GPT adicionando #gamLeftSideRailDemo ou #gamRightSideRailDemo.

Programação de anúncios âncora

1. Crie blocos de anúncios para espaços de anúncios âncora, ou use os já existentes. Para otimizar a programação, inclua o tamanho 320 x 50.
   • Para otimizar a programação, inclua os tamanhos disponíveis para reservas tradicionais.
   • Para anúncios âncora da coluna lateral, crie ou reutilize blocos de anúncios e itens de linha atuais e adicione os seguintes tamanhos (para computadores, reservas e preenchimento/demanda programática): 180 x 500, 160 x 600 e 120 x 600.
2. Crie itens de linha:
   • Para inventário reservado:
     1. Segmente o inventário de anúncios âncora da mesma forma que faria com qualquer outro tipo de inventário.
     2. Os criativos precisam ter um dos tamanhos disponíveis para reservas tradicionais.
     3. É possível segmentar itens de linha por formato de inventário, como "âncora".
   • Para inventário programático:
     1. Inclua o bloco de anúncios relevante no item de linha do Ad Exchange.
     2. Inclua um dos tamanhos disponíveis para reservas tradicionais no criativo de marcador associado.
     3. Os anúncios âncora podem ser maiores para a programática.

Relatório sobre anúncios âncora

Use a dimensão "Formato de inventário" para ver o desempenho dos anúncios âncora em comparação com outros formatos.