Implementierungsleitfaden

Display-Anzeige

Display ads

Die klassische AdSense-Anzeige: ein Rechteck oder ein Streifen, den Sie platzieren, wo Sie möchten, und der sich selbst an die Bildschirmgröße anpassen kann.

AdSense
Smartphone und Desktop

Das Format kennenlernen Auf meiner Website prüfen

Desktop

Smartphone

In 1 Minute erklärt

Was ist eine Display-Anzeige?

Die Display-Anzeige ist der bekannteste AdSense-Typ. Denken Sie an ein Plakat an der Wand der Schule: Es hängt an einem festen Platz, und jeder, der vorbeigeht, kann es sehen. Auf der Website ist es genauso. Sie wählen einen Platz auf der Seite, fügen dort ein Stück Code ein, und Google setzt eine Anzeige in diesen Platz.

Es gibt zwei Wege, diese Anzeige zu erstellen. Der erste ist die responsive Anzeige, die Google empfiehlt. Sie funktioniert wie Wasser in einem Glas: Sie nimmt die Form des Platzes an, in den sie gesetzt wurde. Öffnet die Person die Website auf dem Computer, Tablet oder Smartphone, berechnet die Anzeige selbst die passende Größe. Dreht die Person das Smartphone, wird eine neue Anzeige in der richtigen Größe geladen. Der zweite Weg ist die feste Anzeige, bei der Sie genaue Breite und Höhe wählen, zum Beispiel 300 mal 250 Pixel. Google weist darauf hin, dass bei fester Größe weniger Anzeigen verfügbar sein können, was die Einnahmen senken kann.

Die Größen, die laut Google am besten funktionieren, sind 300x250 (mittleres Rechteck), 336x280 (großes Rechteck), 728x90 (Leaderboard), 300x600 (Halbseite) und 320x100 (großes Mobile-Banner). Bei hochkant gehaltenem Smartphone kann sich die responsive Anzeige strecken und die ganze Bildschirmbreite einnehmen, weil Googles Tests zeigten, dass sie so besser funktioniert. Das geschieht nur, wenn das System ein gutes Ergebnis und ein gutes Erlebnis für die Besucher erwartet.

Die Display-Anzeige lohnt sich, wenn Sie selbst entscheiden wollen, wo jede Anzeige erscheint, zum Beispiel oben im Artikel oder neben dem Text. Beachten Sie nur, dass der gewählte Platz die Platzierungsregeln von Google einhalten muss: Die Anzeige darf nicht als Inhalt getarnt sein, sie sollte nicht direkt an Menüs oder Schaltflächen kleben, und der Bildschirm darf nicht mehr Anzeigen als Inhalt zeigen.

Schritt für Schritt

So setzen Sie es um

Das Anzeigenmenü öffnenMelden Sie sich in Ihrem AdSense-Konto an, klicken Sie auf „Anzeigen“ und dann auf „Nach Anzeigenblock“.
„Display-Anzeigen“ wählenKlicken Sie auf Display-Anzeigen und geben Sie dem Block einen aussagekräftigen, eindeutigen Namen, der leicht zu erkennen ist.
Die Größe wählenMarkieren Sie „Responsiv“, was Google empfiehlt, oder „Fest“, wenn Sie eine genaue Breite und Höhe eingeben möchten.
Den Code holenKlicken Sie auf „Speichern und Code abrufen“ und kopieren Sie den Code des Blocks.
Auf der Seite einfügenFügen Sie den Code zwischen den Body-Tags an genau der Stelle der Seite ein, an der die Anzeige erscheinen soll. Klicken Sie danach auf „Fertig“.
Auf das Erscheinen wartenNormalerweise erscheinen die Anzeigen nach wenigen Minuten, es kann aber bis zu einer Stunde dauern. Wenn sie nicht erscheinen, prüfen Sie auf der Seite Websites, ob Ihre Website schon den Status Bereit hat.

Umgesetztes Beispiel

Der Code und wie es auf dem Bildschirm aussieht

Dieser Code gehört in den Body, genau an die Stelle der Seite, an der die Anzeige erscheinen soll.

<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Auf dem DesktopErscheint als Rechteck oder Streifen in dem von Ihnen reservierten Platz, zum Beispiel ein Streifen von 728x90 oben oder ein Rechteck von 300x250 neben dem Text.

Auf dem SmartphoneDie responsive Anzeige passt sich der Bildschirmbreite an. Bei hochkant gehaltenem Smartphone kann sie die ganze Bildschirmbreite einnehmen.

Was Google empfiehlt

Erlaubt und nicht erlaubt

Erlaubt

Die responsive Größe wählen, die Google empfiehlt, oder eine feste Größe.
Die Größen verwenden, die laut Google am besten funktionieren: 300x250, 336x280, 728x90, 300x600 und 320x100.
Den Code in ein Div oder eine Tabelle setzen, um die Anzeige zu positionieren, zum Beispiel zentriert auf der Seite.
Ein Label über der Anzeige schreiben. Die Google-Richtlinie erlaubt nur die Bezeichnungen „Werbung“ oder „Gesponserte Links“ (auf Englisch Advertisements oder Sponsored Links).
Mehrere Anzeigen auf derselben Seite platzieren, solange der Bildschirm nie mehr Anzeigen als Inhalt zeigt.
Die Größe der responsiven Anzeige für jede Bildschirmbreite mit CSS festlegen, nach dem Beispiel der Google-Hilfe, und danach auf mehreren Geräten testen.

Nicht erlaubt

Zu Klicks auffordern, mit Sätzen wie „Klicken Sie auf die Anzeige“, oder sagen, dass der Klick der Website hilft. Auch jede Belohnung für einen Klick ist verboten.
Die Anzeige in die Nähe von Menüs, Links, Download-Buttons, Play-Buttons, Videoplayern oder Spielfenstern setzen, wo die Person versehentlich klicken kann.
Pfeile, Symbole oder auffällige Animationen verwenden, um den Blick auf die Anzeige zu lenken.
Die Anzeige unter irreführende Überschriften wie „Ressourcen“ oder „Nützliche Links“ setzen oder wie Inhalt der Website aussehen lassen.
Mehr Anzeigen als Inhalt auf dem Bildschirm haben oder Anzeigen auf Bildschirmen ohne Inhalt zeigen, etwa auf Danke-, Fehler- oder Ausstiegsseiten.
Die Seite oder die Anzeige von selbst neu laden lassen, ohne dass die Person es verlangt.

Tipps

So machen Sie es richtig

Lassen Sie die Vollbreite auf dem Handy aktiviert (data-full-width-responsive mit dem Wert true). Laut Google nimmt die Anzeige so öfter die volle Bildschirmbreite ein, was das größte Umsatzpotenzial hat.
Vermeiden Sie es, die responsive Anzeige in ein Feld mit fester oder begrenzter Höhe zu setzen. Wenn Sie begrenzen müssen, legen Sie die Höhe des Feldes mit CSS-Media-Queries fest.
Das Feld, in dem die Anzeige steht, braucht eine festgelegte Breite. Ein schwebendes Feld ohne Breite stört die Größenberechnung.
Einige Größen haben wenige Werbetreibende, etwa 468x60, 120x600, 300x1050, 970x250, 250x250 und 200x200, und können weniger einbringen.

Vorsicht

Häufige Fehler

Code außerhalb des Body

Wird der Blockcode außerhalb der Body-Tags eingefügt, erscheinen die Anzeigen nicht richtig.

Feld ohne Breite

Steht die responsive Anzeige in einem Feld ohne festgelegte Breite, etwa einem schwebenden Element, kann sie die Größe nicht berechnen. Legen Sie die Breite mit CSS-Media-Queries fest.

Feste Höhe

Ein Feld mit fester oder begrenzter Höhe stört die responsive Anzeige. Google empfiehlt, das zu vermeiden.

Script, das Inhalt verbirgt

Scripts, die vor der Anzeige laufen und Teile der Seite verbergen, können die Größenberechnung verhindern. Die empfohlene Lösung ist, die Größe mit CSS-Media-Queries festzulegen.

Häufige Fragen

Responsiv oder fest, was soll ich wählen?

Google empfiehlt die responsive Anzeige. Die feste kann weniger verfügbare Anzeigen haben, was die Einnahmen senken kann.

Wie lange dauert es, bis die Anzeige erscheint?

Normalerweise wenige Minuten, es kann aber bis zu einer Stunde dauern.

Wie viele Anzeigen kann ich auf einer Seite platzieren?

Die Richtlinie legt keine Zahl fest. Die Regel ist, dass der Bildschirm nicht mehr Anzeigen als Inhalt zeigen darf, und Google erinnert daran, dass weniger mehr sein kann.

Tauscht das Drehen des Smartphones die Anzeige aus?

Ja. Ändert sich die Bildschirmausrichtung, wird eine neue Anzeige in der richtigen Größe geladen. Die vorherige bleibt gespeichert und kehrt zurück, wenn die Person das Smartphone wieder dreht.

Kann ich die Anzeige auf kleinen Bildschirmen ausblenden?

Ja. Die Google-Hilfe zeigt, wie Sie mit CSS und display none den Block bei einer Bildschirmbreite ausblenden. So ausgeblendet wird die Anzeige gar nicht erst angefordert.

Bibliothek

Offizielle Google-Quelle

Alles auf dieser Seite folgt der offiziellen Google-Dokumentation. Lesen Sie direkt in der Quelle:

Nutzt Ihre Website dieses Format richtig?

Das Audit liest die Website wie ein Besucher, ohne etwas anzuklicken, und zeigt, was zu korrigieren ist.

Audit starten