Mostrar um anúncio de coluna lateral

Neste exemplo, os anúncios do rodapé são exibidos usando a biblioteca de Tag do editor do Google (GPT). Saiba mais sobre os anúncios de barra lateral na Central de Ajuda do Google Ad Manager.

Visualizar anúncios de coluna lateral

É possível mostrar 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 os anúncios da coluna lateral no seu site sem mudanças no código. Isso é especialmente útil para validar rapidamente como os trilhos laterais vão ficar e se comportar em diferentes dispositivos e em diferentes ambientes operacionais.

Notas de uso

  • Para garantir uma experiência ideal do usuário, os anúncios de coluna lateral são solicitados apenas em páginas que oferecem suporte adequado ao formato. Por isso, defineOutOfPageSlot() pode retornar nulo. Verifique se esse é o 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 de cima.
    • As dimensões da janela de visualização são de 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 de anúncios. Não é necessário ter um <div> para anúncios de coluna lateral. Os anúncios do rodapé criam e inserem automaticamente o próprio contêiner na página quando um anúncio é preenchido. Esses contêineres 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 do rodapé exigem um mínimo de 120x500 pixels de espaço vazio à esquerda ou à direita do conteúdo da página principal para serem exibidos. Depois de exibido, se a página for redimensionada fazendo com que o espaço vazio fique abaixo desse mínimo, o slot será temporariamente oculto até que o espaço fique disponível novamente.

  • 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 do anúncio estático sejam criados. Conforme explicado nas Práticas recomendadas de anúncios, a primeira chamada de display() solicita todos os espaços de anúncio definidos antes desse ponto. Embora os espaços de anúncios do trilho lateral não exijam um <div> predefinido, os espaços de anúncios estáticos exigem. Chamar display() antes que esses elementos estejam presentes na página pode resultar em indicadores de qualidade mais baixos, reduzindo a monetização. Por isso, recomendamos atrasar a chamada inicial até que os espaços estáticos sejam definidos.

  • Atualize apenas os anúncios de coluna lateral visíveis. Quando um espaço de anúncio do trilho lateral está fechado ou não está visível, todas as chamadas para refresh() são ignoradas. Se você estiver usando disableInitialLoad() para controlar o carregamento e a atualização de anúncios manualmente, a primeira chamada para refresh() vai acionar uma solicitação de anúncio, seja qual for a visibilidade do slot.

Exemplo de implementação

Confira a demonstração

JavaScript

Carregando...

TypeScript

Carregando...