Reservar espacio para los anuncios

Reservar espacio suficiente en tu página para anuncios es clave para minimizar el cambio de diseño. En este ejemplo, se muestran varios enfoques para reservar espacio y sus efectos en la estabilidad del diseño.

  • No hay espacio reservado: No se especifican dimensiones para el contenedor de espacios publicitarios. El contenedor comienza contraído y se expande cuando se llena un anuncio, lo que genera un cambio de diseño visible para el usuario.
  • Espacio reservado: Las dimensiones se especifican para el contenedor de espacios publicitarios. El contenedor siempre ocupa una cantidad constante de espacio en la página, por lo que el diseño no cambia. El espacio en blanco es visible antes de que se cargue un anuncio.
  • Espacio reservado con marcador de posición: Se especifican las dimensiones del contenedor del espacio publicitario. El contenedor ocupa una cantidad constante de espacio en la página, por lo que el diseño no cambia. CSS se usa para aplicar diseño al contenedor vacío y evitar que haya espacio en blanco visible antes de que se cargue un anuncio.

Ejemplo de implementación

Ver demostración