Exibir um anúncio de coluna lateral

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

Visualizar anúncios de coluna lateral

É possível exibir um anúncio de coluna lateral de demonstração em qualquer página que mostre anúncios com a GPT adicionando #gamLeftSideRailDemo ou #gamRightSideRailDemo ao URL. Por exemplo, https://www.example.com/#gamLeftSideRailDemo.

Isso pode ser usado para visualizar anúncios de coluna lateral no seu site sem precisar mudar o código. Isso é especialmente útil para validar rapidamente a aparência e o comportamento das colunas laterais em diferentes dispositivos e ambientes operacionais.

Observações sobre uso

  • Para garantir uma experiência ideal ao usuário, os anúncios de coluna lateral só são solicitados em páginas com suporte ao formato. Por isso, defineOutOfPageSlot() pode retornar nulo. Verifique esse caso para garantir que você não está fazendo um trabalho desnecessário. Os anúncios de coluna lateral são compatíveis quando as seguintes condições são atendidas:

    • A GPT está em execução na janela superior.
    • As dimensões da janela de visualização têm pelo menos 1200x650 pixels.

  • Solicite anúncios de coluna lateral somente em páginas e ambientes em que você quer que um anúncio de coluna lateral apareça. Os anúncios de coluna lateral podem ser veiculados em todos os dispositivos.

  • Os anúncios de coluna lateral geram o próprio contêiner. Você não precisa de um <div> para anúncios de coluna lateral. Os anúncios de coluna lateral criam e inserem automaticamente o próprio contêiner na página quando um anúncio é preenchido. Eles são posicionados o mais próximo possível do conteúdo da página principal.

  • Os anúncios de coluna lateral são otimizados para caber no espaço disponível. Os anúncios de coluna lateral exigem um mínimo de 120x500 pixels de espaço vazio à esquerda ou à direita do conteúdo da página principal para serem mostrados. Depois de ser exibido, se a página for redimensionada fazendo com que o espaço vazio fique abaixo desse mínimo, o espaço vai ficar temporariamente oculto até que o espaço volte a ficar disponível.

  • 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 de coluna lateral não exijam um <div> predefinido, os espaços de anúncios estáticos precisam. Chamar display() antes que esses elementos estejam presentes na página pode resultar em indicadores de qualidade mais baixa, reduzindo a monetização. Por isso, recomendamos adiar a chamada inicial até que os slots estáticos sejam definidos.

  • Atualize apenas anúncios de coluna lateral visíveis. Quando um espaço de anúncio de coluna lateral está recolhido ou não está visível, todas as chamadas para refresh() são ignoradas. 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, independentemente da visibilidade do espaço.

Exemplo de implementação

Veja a demonstração