Mostrar um anúncio âncora
Neste exemplo, um anúncio âncora usa a biblioteca de Tag do editor do Google (GPT). Saiba mais sobre os anúncios de â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 mostre 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 fazer mudanças no código. Isso é especialmente útil para validar rapidamente como as âncoras vão aparecer 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 âncora são solicitados apenas em páginas que oferecem suporte adequado ao formato. Por isso,
defineOutOfPageSlot()
pode retornar nulo. Verifique esse caso para garantir que você não está fazendo um trabalho desnecessário. No momento, os anúncios de âncora são aceitas se as seguintes condições forem atendidas:- A GPT está em execução na janela de cima.
- Em uma página otimizada para dispositivos móveis em que o zoom é neutro, isso geralmente significa que o editor tem
<meta name="viewport" content="width=device-width, initial-scale=1">
ou algo semelhante no<head>
da página. - A janela de visualização está na orientação retrato com uma largura entre
320px
e1000px
.
Solicite anúncios âncora somente em páginas/ambientes onde você quer que uma âncora apareça. Os anúncios âncora podem ser veiculados em computadores, tablets e dispositivos móveis.
Os anúncios âncora geram o próprio contêiner de anúncios. Ao contrário de outros tipos de anúncios, não é necessário definir um
<div>
para anúncios âncora. Os anúncios âncora criam e inserem automaticamente o próprio contêiner na página quando um anúncio é preenchido. Esses conteineres podem se sobrepor ou obstruir outros elementos usando posicionamento absoluto ou fixo. Portanto, é 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 do anúncio estático sejam criados. Conforme explicado nas Práticas recomendadas de anúncios, a primeira chamada dedisplay()
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 exigem. Chamardisplay()
antes que esses elementos estejam presentes na página pode resultar em indicadores de qualidade inferior, reduzindo a monetização. Por isso, recomendamos atrasar a chamada inicial até que os espaços estáticos sejam definidos.Somente anúncios âncora visíveis podem ser atualizados. Quando um espaço de anúncio âncora é recolhido ou ainda não rolado para aparecer, todas as chamadas para
refresh()
são ignoradas. No entanto, se você estiver usandodisableInitialLoad()
para controlar o carregamento e a atualização de anúncios manualmente, a primeira chamada pararefresh()
vai acionar uma solicitação de anúncio, seja qual for a visibilidade do espaço.