Arbeitsbereich

Implementierungsleitfaden

Native Anzeige

Native ads

Anzeige, die aus Einzelteilen (Titel, Bild, Text) zusammengesetzt und im Look Ihrer Website gestaltet wird, immer mit dem Hinweis, dass es eine Anzeige ist.

  • Ad Manager
  • Smartphone und Desktop
Das Format kennenlernenAuf meiner Website prüfen
Desktop
Smartphone

In 1 Minute erklärt

Was ist eine native Anzeige?

Die native Anzeige kommt in einzelnen Teilen und nicht als fertiges Bild. Der Werbetreibende schickt die Teile, etwa den Titel, das Bild und einen kurzen Text. Wie sie aussehen, entscheidet Ihre Website: Farbe, Schrift, Größe und Platz jedes Teils. Es ist wie ein Bausatz: Die Schachtel enthält die Teile, und Sie bauen sie so zusammen, wie es zu Ihrem Wohnzimmer passt. Deshalb wirkt sie wie ein Teil der Seite, wie eine weitere Karte in einer Artikelliste.

In Ad Manager gibt es zwei Wege, dieser Anzeige ein Aussehen zu geben. Der erste sind native Stile, die direkt in Ad Manager erstellt werden, mit dem geführten Design-Editor, der fertige Vorlagen hat, oder mit HTML und CSS für alle, die programmieren können. Laut Google eignen sich die Stile sowohl für das Web als auch für Apps. Der zweite ist der Code für Android- und iOS-Apps, bei dem der App-Entwickler die Teile über das Google Mobile Ads SDK erhält und alles im Code der App zeichnet. Für Websites ist der Weg der native Stil.

Weil Native wie Inhalt aussieht, ist Google bei einem Punkt sehr streng: Besucher müssen erkennen, dass es sich um Werbung handelt. Die Kennzeichnung und das AdChoices-Symbol markieren die Karte als Werbung. Nichts darf diese Kennzeichnungen verstecken, überdecken oder tarnen, und die Anzeige muss klar vom Inhalt getrennt sein. Das ist wie ein Werbeplakat in einem Laden: Es darf schön sein und zur Einrichtung passen, aber es muss klar als Werbung erkennbar sein.

Google hat dieses Format entwickelt, damit dieselbe Anzeige in jedem Teil der Website anders aussehen kann, ohne zu ändern, was der Werbetreibende geschickt hat. Im Web empfiehlt Google die Größe Flexibel (fluid), die die Breite der Spalte ausfüllt und die Höhe selbst anpasst. Es lohnt sich, wenn Sie Anzeigen wollen, die zum Design Ihrer Seiten passen, etwa zwischen den Einträgen einer Liste von Beiträgen, immer mit gut sichtbarer Anzeigenkennzeichnung.

Schritt für Schritt

So setzen Sie es um

  1. Das native Format wählenGehen Sie in Ad Manager zu Auslieferung und dann zu Nativ. Verwenden Sie ein Standardformat mit den Bestandteilen, die Sie brauchen. Für programmatische Anzeigen akzeptiert Google nur Standardformate.
  2. Den Stil erstellenKlicken Sie auf Neuer nativer Stil und wählen Sie Geführter Design-Editor oder HTML und CSS. Im geführten Editor eignet sich der Weg Mit Vorlagen starten und anpassen für klassische und programmatische Anzeigen.
  3. Größe und Targeting festlegenWählen Sie dieselbe Größe wie die Anzeigenblöcke, die das Native erhalten sollen. Google empfiehlt Flexibel. Wenn der Stil Flexibel ist, muss auch der Anzeigenblock Flexibel sein, und das Targeting des Stils muss zu dem der Werbebuchung passen.
  4. Das Aussehen mit dem Hinweis gestaltenZeigen Sie alle Pflichtbestandteile des Formats, einschließlich der Anzeigenkennzeichnung.
  5. Das Tag auf der Seite einfügenDefinieren Sie den Slot in GPT mit der Größe fluid und setzen Sie das Div in eine Spalte mit einer Breite größer als null.

Umgesetztes Beispiel

Der Code und wie es auf dem Bildschirm aussieht

Das GPT-Script gehört in den Head. Das Div mit dem Anzeigenaufruf gehört in den Body, in die Spalte, in der die native Anzeige erscheinen soll.
<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot nativo com tamanho fluido.
    googletag
      .defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
      .addService(googletag.pubads());
    googletag.enableServices();
  });
</script>

<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("nativo-exemplo");
  });
</script>
Auf dem DesktopErscheint als Karte, die zur Website passt, mit Bild, Titel, Text und Anzeigenkennzeichnung. In der Größe Flexibel (fluid) füllt sie die Breite der Spalte aus, in der sie steht.
Auf dem SmartphoneErscheint genauso, angepasst an die Bildschirmbreite. Bei programmatischen Stilen ist das AdChoices-Symbol in der oberen rechten Ecke sichtbar.

Was Google empfiehlt

Erlaubt und nicht erlaubt

Erlaubt

  • Native Stile in Ad Manager erstellen, mit dem geführten Design-Editor oder per HTML und CSS.
  • Die Größe Flexibel (fluid) verwenden, die Google empfiehlt, um mehr Freiheit beim Aussehen zu haben.
  • Das Aussehen des Attributions-Labels an das Layout anpassen, solange es gut lesbar bleibt.
  • Dieselbe Anzeige mit unterschiedlichen Layouts in verschiedenen Bereichen der Website zeigen.
  • Ein benutzerdefiniertes natives Format für traditionelle Anzeigen erstellen, in dem Wissen, dass es keine programmatischen Anzeigen erhält.

Nicht erlaubt

  • Das Attributions-Label oder das AdChoices-Symbol verbergen, verdecken oder tarnen.
  • Die Anzeige schwer vom Inhalt unterscheidbar machen. Google verlangt, dass Anzeigen klar vom Inhalt getrennt sind.
  • Teile der Anzeige so gestalten, dass sie die Navigations-Buttons der Seite nachahmen.
  • Die Pflichtbestandteile des Formats nicht anzeigen, etwa die Anzeigenkennzeichnung und den Titel.
  • Bilder und Videos zuschneiden, ihr Seitenverhältnis ändern oder Teile übereinanderlegen.
  • Einen anderen Teil der Anzeige in die für AdChoices reservierte Ecke setzen.

Tipps

So machen Sie es richtig

Vorsicht

Häufige Fehler

Stilgröße weicht vom Block ab

Wenn der Stil auf Flexibel steht, muss auch der Anzeigenblock auf Flexibel stehen. Google sagt, dass die Größen gleich sein müssen.

Benutzerdefiniertes Format, das programmatisch erwartet wird

Ein benutzerdefiniertes natives Format erhält keine programmatischen Anzeigen. Für Programmatic gelten nur Standardformate.

Feld ohne Breite oder mit fester Höhe

Eine fluide Anzeige in einer Spalte mit Breite null oder in einem Feld mit fester Höhe, die kleiner ist als die Anzeige, kann falsch dargestellt werden.

Häufige Fragen

Muss die native Anzeige wirklich sagen, dass sie eine Anzeige ist?

Ja. Das Attributions-Label und AdChoices sorgen dafür, dass niemand die Anzeige mit Inhalt verwechselt, und dürfen weder verborgen noch getarnt werden.

Funktioniert der Code für Android- und iOS-Apps auf einer Website?

Nein. Google beschreibt diesen Weg für Android- und iOS-Apps mit dem Google Mobile Ads SDK. Auf Websites ist der Weg der native Stil.

Kann ich die fluide Größe für andere Anzeigen verwenden?

Laut GPT-Dokumentation ist die native Anzeige derzeit der einzige fluide Typ, den Ad Manager unterstützt.

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