Anzeigenblöcke

Responsive Multiplex-Anzeigenblöcke anpassen

Hinweis: Diese Optionen werden nicht mehr unterstützt. Sie können damit zwar weiterhin Ihre Multiplex-Anzeigen anpassen, aber wir können nicht garantieren, dass sie unter allen Bedingungen funktionieren.

Wenn Sie bestimmte Anforderungen an das Aussehen responsiver Multiplex-Anzeigenblöcke haben, können Sie den Anzeigencode durch Parameter ergänzen. Damit lässt sich z. B. das Layout dieser Anzeigenblöcke ändern und festlegen, wie die Zeilen und Spalten der Anzeigen angeordnet sein sollen.

Sie haben auch die Möglichkeit, mit den Parametern unterschiedliche Einstellungen für Mobilgeräte und Computer festzulegen. Wenn Sie z. B. für den Layoutparameter nur einen Wert angeben, hat der Anzeigenblock auf Mobilgeräten und Computern das gleiche Layout. Geben Sie dagegen zwei Werte an, hat er auf Mobilgeräten (erster Wert) ein anderes Layout als auf Computern (zweiter Wert).

Diese Optionen stehen nur für responsive Multiplex-Anzeigenblöcke zur Verfügung und alle Parameter sind erforderlich, damit die Anpassung funktioniert. Nach der Änderung des Anzeigencodes sollten Sie die Funktion der entsprechenden Anzeigenblöcke auf verschiedenen Geräten und Bildschirmen testen.

Hinweis: Die in den folgenden Beispielen genannten Änderungen am AdSense-Anzeigencode sind richtlinienkonform. Sie verstoßen nicht gegen die AdSense-Programmrichtlinien, wenn Sie den Code der Anzeigenblöcke entsprechend ändern.

Alle maximieren Alle minimieren

Layout eines Multiplex-Anzeigenblocks ändern

Mit dem Layoutparameter data-matched-content-ui-type wird die Anordnung des Textes und der Bilder in den Multiplex-Anzeigenblöcken gesteuert. Sie können z. B. festlegen, ob Bild und Text nebeneinander oder übereinander angeordnet werden.

Folgende Layoutoptionen stehen zur Verfügung:

Bild und Text nebeneinander

Bei diesem Layout werden Bild und Text nebeneinander platziert. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="image_sidebyside" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Beispiel für Anzeigen mit nebeneinander angeordneten Bildern und Text

Bild und Text nebeneinander auf einer Karte

Bei diesem Layout werden Bild und Text auf einer Karte nebeneinander platziert. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="image_card_sidebyside" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Example of an ad with Image and text side-by-side with card layout.

Bild über dem Text

Bei diesem Layout wird das Bild über dem Text platziert. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="image_stacked" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Beispiel für Anzeigen mit einem Layout mit Bildern über dem Text

Bild über dem Text auf einer Karte

Bei diesem Layout wird das Bild auf einer Karte über dem Text platziert. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="image_card_stacked" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Beispiel für Anzeigen mit Infokarten-Anzeigenlayout mit Bildern über dem Text

Nur Text

Dies ist ein reines Textlayout ohne Bild. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="text" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Beispiel für ein reines Textanzeigenlayout

Text mit Karte

Dies ist ein reines Textlayout für eine Karte. Hierfür muss dem Anzeigencode der Parameter data-matched-content-ui-type="text_card" hinzugefügt werden.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text_card"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Beispiel für ein Infokarten-Anzeigenlayout mit Text

Anzahl der Zeilen und Spalten festlegen

Die Anzeigen in einem Multiplex-Anzeigenblock sind in einem Raster angeordnet. Sie können angeben, wie viele Zeilen und Spalten dieses Raster umfassen soll, z. B. 2 x 2 oder 4 x 1.

Die Anzahl der Zeilen wird mit dem Parameter data-matched-content-rows-num festgelegt und die Anzahl der Spalten mit data-matched-content-columns-num. Sie müssen beide Parameter und data-matched-content-ui-type angeben.

Hinweis:

Es gelten gewisse Einschränkungen im Hinblick auf die Anzahl der Zeilen und Spalten, die festgelegt werden können. Die Gesamtzahl der Anzeigen in einem Multiplex-Anzeigenblock muss zwischen 1 und 30 liegen. Wenn Sie weniger als 1 oder mehr als 30 Anzeigen ausliefern, wird der Anzeigenblock als leere Fläche dargestellt.
Manchmal ist es nicht möglich, die genaue Anzahl der angegebenen Zeilen bzw. Spalten darzustellen, beispielsweise wenn Sie viele Spalten festgelegt haben, aber der Multiplex-Anzeigenblock nicht breit genug ist, um alle unterzubringen. In solchen Fällen wird die Anzahl der Zeilen bzw. Spalten so angepasst, dass die Anzeigen in die verfügbare Fläche passen und für Nutzer ansprechend sind.

Beispiele zu Zeilen und Spalten

4 x 1 (Mobilgeräte und Computer)

In diesem Beispiel wird gezeigt, wie Sie einen Multiplex-Anzeigenblock mit vier Zeilen und einer Spalte für insgesamt vier Anzeigen erstellen.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4"

             data-matched-content-columns-num="1"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Beispiel für ein Bild und Text, die in AdSense übereinander angeordnet sind

2 x 2 (Mobilgeräte und Computer)

In diesem Beispiel wird gezeigt, wie Sie einen Multiplex-Anzeigenblock mit zwei Zeilen und zwei Spalten für insgesamt vier Anzeigen erstellen.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="2"

             data-matched-content-columns-num="2"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Multiplex-Anzeigenblock in AdSense mit zwei Zeilen und zwei Spalten für insgesamt vier Anzeigen

3 x 3 (Mobilgeräte und Computer)

In diesem Beispiel sehen Sie, wie Sie einen Multiplex-Anzeigenblock mit drei Zeilen und drei Spalten für insgesamt neun Anzeigen erstellen.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="3"

             data-matched-content-columns-num="3"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Ein Multiplex-Anzeigenblock in AdSense mit drei Zeilen und drei Spalten, in dem insgesamt neun Anzeigen zu sehen sind

4 x 1 (Mobilgeräte) und 2 x 2 (Computer) für responsive Websites

In diesem Beispiel wird gezeigt, wie ein Anzeigenblock mit einem 4 x 1-Raster für Mobilgeräte und einem 2 x 2-Raster für Computer erstellt wird. Diese Konfiguration ist bei responsiven Websites sinnvoll.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4,2"

             data-matched-content-columns-num="1,2"

             data-matched-content-ui-type="image_stacked,image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Beispiel für ein Bild und Text, die in AdSense übereinander angeordnet sind

Multiplex-Anzeigenblock in AdSense mit zwei Zeilen und zwei Spalten für insgesamt vier Anzeigen

Fehlerbehebung

Ein angepasster Multiplex-Anzeigenblock wird möglicherweise nicht immer wie erwartet dargestellt. Hier finden Sie einige häufige Probleme sowie die entsprechenden Lösungen:

Der Anzeigenblock ist leer.

Dies kann zwei Ursachen haben:

Der Multiplex-Anzeigenblock enthält weniger als 1 oder mehr als 30 Anzeigen. Ändern Sie die Zahl der Zeilen und/oder Spalten im Anzeigenblock so, dass die Gesamtzahl der Anzeigen innerhalb dieser Begrenzungen liegt.
Der Multiplex-Anzeigenblock ist zu breit für die festgelegte Anzahl von Anzeigen. In diesem Fall sollten Sie die Breite verringern.

Der Multiplex-Anzeigenblock enthält weniger Anzeigen als erwartet.

Dies kann passieren, wenn nicht genügend Platz vorhanden ist, um die festgelegte Anzahl von Anzeigen darzustellen, z. B. wenn der Anzeigenblock zu schmal ist oder auf einem kleinen Bildschirm platziert wird. In solchen Fällen wird die Anzahl der Zeilen bzw. Spalten so angepasst, dass diese optimal in die verfügbare Fläche passen. Sie können die Breite des Anzeigenblocks ändern oder für Mobilgeräte eine andere Zeilen- und Spaltenanzahl festlegen als für Computer.

Ihre Anzeigen enthalten nur Text.

Das kann passieren, wenn der Anzeigenblock für die festgelegte Anzahl von Anzeigen zu schmal ist. In diesem Fall sollten Sie die Breite anpassen.

Mithilfe der Konsole Fehler in Multiplex-Anzeigenblöcken finden

Sie können im Browser mithilfe der Konsole überprüfen, ob Sie den Code für die Anzeigenblöcke richtig geändert haben. So lässt sich beispielsweise feststellen, ob im Anzeigencode ein erforderlicher Parameter fehlt oder ein Parameter einen ungültigen Wert enthält.

Wenn Sie Chrome verwenden, können Sie den Anzeigencode in der Entwicklertools-Konsole testen:

Rufen Sie die Seite mit Ihren Multiplex-Anzeigenblöcken auf.
Drücken Sie die Tastenkombination Strg + Umschalttaste + J (Windows/Linux) bzw. Cmd + Opt + J (Mac).
Sehen Sie nach, ob der Bereich „Konsole“ Fehlermeldungen enthält.

War das hilfreich?

Wie können wir die Seite verbessern?