Reservar espaço para anúncios

Reservar espaço adequado na página para anúncios é fundamental para minimizar a mudança de layout. Este exemplo demonstra várias abordagens para reservar espaço e os efeitos delas na estabilidade do layout.

  • Nenhum espaço reservado:nenhuma dimensão é especificada para o contêiner do slot de anúncio. O contêiner começa fechado e se expande quando um anúncio é preenchido, causando uma mudança de layout visível para o usuário.
  • Espaço reservado:as dimensões são especificadas para o contêiner do espaço do anúncio. O contêiner sempre ocupa uma quantidade constante de espaço na página, para que o layout não mude. Um espaço em branco aparece antes do carregamento de um anúncio.
  • Espaço reservado com marcador de posição:as dimensões são especificadas para o contêiner de espaço de anúncio. O contêiner ocupa uma quantidade constante de espaço na página, para que o layout não se mova. O CSS é usado para estilizar o contêiner vazio e evitar que o espaço em branco fique visível antes do carregamento de um anúncio.

Exemplo de implementação

Confira a demonstração

JavaScript

Carregando...

TypeScript

Carregando...