Responsive Height

Bei der Verwendung von einer responsive Anzeige von Google AdSense kommt es oft vor, dass Google die Anzeige höher macht, als das Elternelement in dem sie sich befindet. Dadurch überlappt sie leider nachfolgende Inhalte der Seite.

Der Anzeige kann direkt gesagt werden, wie hoch sie werden darf. Hier der geänderte Anzeigencode von Google.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
   style="display:block;height:93px;"
   data-ad-client="ca-pub-9XXXXXXXXXX"
   data-ad-slot="3XXXXXXXXX"></ins>
<script>
   (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dem Attribut "style" wird der Wert ergänzt mit der gewünschten Höhenangabe "height:93px;", und zudem muss das Attribut für die Automatik gelöscht werden:

data-ad-format="auto"

Die Breite bleibt aber weiterhin responsive.