Platz für Anzeigen reservieren

Wenn Sie auf Ihrer Seite ausreichend Platz für Anzeigen reservieren, können Sie Layoutänderungen minimieren. Dieses Beispiel zeigt verschiedene Ansätze zum Reservieren von Platz und ihre Auswirkungen auf die Layoutstabilität.

  • Kein Platz reserviert:Für den Anzeigenflächencontainer sind keine Abmessungen angegeben. Der Container ist zu Beginn minimiert und maximiert sich, wenn eine Anzeige ausgeliefert wird. Das führt zu einer für Nutzer sichtbaren Layoutänderung.
  • Platz reserviert:Für den Anzeigenflächencontainer werden Abmessungen angegeben. Der Container belegt immer eine konstante Fläche auf der Seite, sodass das Layout nicht verschoben wird. Vor dem Laden einer Anzeige ist ein leerer Bereich sichtbar.
  • Mit Platzhalter reservierter Bereich:Die Abmessungen werden für den Anzeigenflächencontainer angegeben. Der Container belegt auf der Seite eine konstante Fläche, sodass das Layout nicht verschoben wird. Mit CSS wird der leere Container formatiert, damit vor dem Laden einer Anzeige keine leeren Bereiche zu sehen sind.

Beispielimplementierung

Demo ansehen

JavaScript

Wird geladen…

TypeScript

Wird geladen…