Platz für Anzeigen reservieren

Es ist wichtig, auf Ihrer Seite ausreichend Platz für Anzeigen zu reservieren, um Layoutverschiebungen zu minimieren. Dieses Beispiel zeigt verschiedene Ansätze zur Reservierung von Platz und ihre Auswirkungen auf die Layoutstabilität.

  • Kein Platz reserviert:Für den Anzeigenflächencontainer wurden keine Abmessungen angegeben. Der Container wird zunächst minimiert und maximiert, wenn eine Anzeige gefüllt wird. Dies führt zu einer für den Nutzer sichtbaren Layoutverschiebung.
  • Reservierte Fläche:Die Abmessungen werden für den Container der Anzeigenfläche angegeben. Der Container nimmt immer eine konstante Raummenge auf der Seite ein, sodass sich das Layout nicht verschiebt. Vor dem Laden einer Anzeige ist eine leere Fläche zu sehen.
  • Fläche mit Platzhalter reserviert:Die Abmessungen werden für den Anzeigenflächen-Container angegeben. Der Container nimmt eine konstante Fläche auf der Seite ein, sodass sich das Layout nicht ändert. Der leere Container wird mit CSS gestaltet, um zu verhindern, dass eine leere Fläche zu sehen ist, bevor eine Anzeige geladen wird.

Implementierungsbeispiel

Demo ansehen