Exibir um anúncio âncora

Este exemplo mostra um anúncio fixo usando a biblioteca da Tag do editor do Google (GPT). Saiba mais sobre os anúncios âncora na Central de Ajuda do Google Ad Manager.

Visualizar anúncios âncora

É possível exibir um anúncio âncora de demonstração em qualquer página que exiba anúncios com a GPT adicionando #gamTopAnchorDemo ou #gamBottomAnchorDemo ao URL. Por exemplo, https://www.example.com/#gamTopAnchorDemo.

Essa funcionalidade pode ser usada para visualizar anúncios âncora no seu site sem precisar alterar o código. Isso é especialmente útil para validar rapidamente a aparência e o comportamento das âncoras em diferentes dispositivos e ambientes operacionais.

Observações sobre uso

  • Para garantir uma experiência do usuário ideal, os anúncios âncora são solicitados somente em páginas compatíveis com o formato. Por isso, defineOutOfPageSlot() pode retornar um valor nulo. Verifique esse caso para garantir que você não esteja fazendo nenhum trabalho desnecessário. Atualmente, os anúncios âncora são compatíveis quando as seguintes condições são atendidas:

    • A GPT está em execução na janela superior.
    • Em uma página otimizada para dispositivos móveis, em que o zoom é neutro. Normalmente, isso significa que o editor tem <meta name="viewport" content="width=device-width, initial-scale=1"> ou um elemento semelhante no <head> da página.
    • A janela de visualização está na orientação retrato com largura entre 320px e 1000px.

  • Solicite anúncios âncora somente em páginas/ambientes em que você quer que eles apareçam. Os anúncios âncora podem ser veiculados em computadores, tablets e dispositivos móveis.

  • Os anúncios âncora geram um contêiner próprio. Ao contrário de outros tipos, não é necessário definir um <div> para os anúncios âncora. Os anúncios âncora criam e inserem automaticamente o próprio contêiner na página quando um anúncio é preenchido. Como esses contêineres podem se sobrepor ou ocultar outros elementos usando posicionamento absoluto ou fixo, é recomendável evitar colocar esses elementos em áreas em que as âncoras devem aparecer.

  • Se você usar a arquitetura de solicitação única (SRA, na sigla em inglês) em uma página com vários espaços, não chame display() até que os divs de espaços de anúncio estáticos sejam criados. Conforme explicado em Práticas recomendadas de anúncios, a primeira chamada para display() solicita todos os espaços de anúncio definidos antes desse ponto. Embora os espaços de anúncios âncora não exijam um <div> predefinido, os espaços de anúncios estáticos precisam. Chamar display() antes da presença desses elementos na página pode resultar em sinais de qualidade inferior, reduzindo a monetização. Por isso, recomendamos atrasar a chamada inicial até que os slots estáticos sejam definidos.

  • Somente anúncios âncora visíveis podem ser atualizados. Quando um espaço de anúncio fixo for recolhido ou ainda não for rolado para a visualização, todas as chamadas para refresh() serão ignoradas. No entanto, se você usar disableInitialLoad() para controlar manualmente o carregamento e a atualização de anúncios, a primeira chamada para refresh() vai acionar uma solicitação de anúncio, seja qual for a visibilidade do espaço.

Exemplo de implementação

Veja a demonstração