Nachdem Sie die Einstellungen für native Anzeigen festgelegt haben, können Sie die native Anzeige gestalten. In diesem Artikel werden die erforderlichen und optionalen Einstellungen erläutert, die Sie konfigurieren müssen.
Gestalten Sie Ihre native Anzeige anhand von:
Interaktiver Designeditor
Wenn Sie den interaktiven Designeditor auswählen, um ein natives Design zu erstellen, können Sie Ihre native Anzeige mithilfe der Steuerelemente an das Design Ihrer Website oder App anpassen. Änderungen werden automatisch auf die Anzeigenvorschau angewendet, sodass Sie experimentieren können.
Tipps zur Verwendung des interaktiven Designeditors
Vorschaugröße
Wenn Sie beim Erstellen eines Designs mit flexibler Größe sehen möchten, wie Ihre Anzeige bei unterschiedlichen Bildschirmgrößen dargestellt wird, können Sie unter „Vorschaubreite“ die gewünschten Werte eingeben. Sie können die Breite auch manuell über die blaue Leiste neben der Vorschau anpassen. Die Höhe wird automatisch aktualisiert.
Elemente neu anordnen
Klicken Sie auf Elemente neu anordnen, um Elemente der rechts angezeigten Karten ein- oder auszublenden und neu anzuordnen. Sie können den Call-to-Action beispielsweise über dem Namen des Werbetreibenden platzieren und das Logo des Werbetreibenden entfernen.
Bereich „Native Anzeige gestalten“
Im Bereich „Native Anzeige gestalten“ können Sie die Einstellungen nach Bedarf aktualisieren. Wenn Sie beispielsweise den Bereich „Titel“ maximieren, können Sie auswählen, ob der Titel bzw. der Anzeigentitel maximal 30 Zeichen (kurz) oder 90 Zeichen (lang) enthalten sein soll.
- Archivo
- Arial
- Arimo
- Bitter
- Comic Sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Stil im CSS-Editor
- Sie können im Anschluss mit den UI-Steuerelementen keine zusätzlichen Änderungen vornehmen.
- Falls Sie beim Bearbeiten der CSS Richtlinienverstöße verursachen, darf das native Design zwar nicht an der Ad Exchange-Auktion teilnehmen, kann aber dennoch über die Funktion "Programmatisch garantiert" ausgeliefert werden.
- HTML-Code kann im interaktiven Designeditor nicht bearbeitet werden. Wenn Sie mehr Anpassungen vornehmen möchten, verwenden Sie den HTML- und CSS-Editor. Allerdings kommen programmatische Anzeigen dann nicht mehr infrage.
Wenn Sie den CSS-Code direkt bearbeiten möchten, aktivieren Sie den Schalter Stil im CSS-Editor.
Klicken Sie nach dem Bearbeiten des CSS-Codes auf Validieren, um dafür zu sorgen, dass das Design den Ad Exchange-Richtlinien entspricht.
Fahren Sie mit dem nächsten Schritt fort.
HTML und CSS
Wenn Sie zum Erstellen eines nativen Designs die Option „HTML- und CSS-Editor“ auswählen, verwenden Sie HTML und CSS, um das Design Ihrer nativen Anzeige an das Design Ihrer Website oder App anzupassen. Änderungen werden automatisch in die Anzeigenvorschau auf dieser Seite übernommen, sodass Sie nach Belieben experimentieren können.
Tipps zur Verwendung des HTML- und CSS-Editors
Vorschaugröße
Wenn Sie beim Erstellen eines Designs mit flexibler Größe sehen möchten, wie Ihre Anzeige bei unterschiedlichen Bildschirmgrößen dargestellt wird, können Sie unter „Vorschaubreite“ die gewünschten Werte eingeben. Sie können die Breite auch manuell über die blaue Leiste neben der Vorschau anpassen. Die Höhe wird automatisch aktualisiert.
Renderingtyp
Wählen Sie aus, ob native Anzeigen erstellt werden sollen, die für Accelerated Mobile Pages (AMP) optimiert sind. Wenn Sie in den Anzeigeneinstellungen die Größe „Flexibel“ ausgewählt haben, können Sie die Grundeinstellung „Standard“ hier nicht ändern.
- Standard: Native Anzeigen können auf Websites für Computer, im mobilen Web und in mobilen Apps ausgeliefert werden. Native Standardanzeigen funktionieren auch mit AMP-Content, sie werden allerdings nicht so schnell geladen wie bei der AMP-Option.
- AMP: AMP-Anzeigen wurden speziell dafür konzipiert, bei AMP-Content schnell geladen zu werden. Eine Auslieferung in Standardcontent ist aber ebenfalls möglich.
- Standard und AMP: Fügen Sie einen separaten Code hinzu, um beide Versionen der nativen Anzeige zu erstellen. Die AMP-Version wird mit Ad Manager im AMP-Content und die Standardversion im herkömmlichen Content ausgeliefert. Weitere Informationen zum Hinzufügen von Code-Snippets zu Anzeigen mithilfe von Creative-Wrappern
Bereich „Native Anzeige gestalten“
Im rechten Bereich können Sie zwischen HTML und CSS wechseln und die Einstellungen entsprechend aktualisieren. Weitere Informationen dazu, wie Sie Code für native Anzeigen hinzufügen
Fügen Sie den universellen iOS-Link zum HTML-Code hinzu.
Ein universeller Link ist ein universeller iOS-Link, der in einer iOS-App für die In-App-Navigation verwendet wird. Wenn Sie in einem nativen Creative einen universellen Link verwenden möchten, fügen Sie dem HTML-Code das Makro %%ONE_CLICK_HANDLER_TARGET%% hinzu, wie in diesem Beispiel:
Nächster Schritt
Wenn Sie die Konfiguration des Stils abgeschlossen haben, klicken Sie auf eine der beiden Optionen, um die Änderungen zu speichern:
- Mit Speichern und aktivieren wird der Status des Designs in „Aktiv“ geändert, sodass Anzeigen ausgeliefert werden können.
- Wenn Sie auf Speichern klicken, wird der Status in „Inaktiv“ geändert. Es können noch keine Anzeigen ausgeliefert werden. Wenn Sie die nativen Designs später aktivieren möchten, rufen Sie die Tabelle mit den gespeicherten nativen Designs auf, wählen Sie das Design aus und klicken Sie auf Aktivieren.
Wenn Sie das native Design für eine bestimmte Werbebuchung verwenden möchten, wenden Sie ein natives Design auf eine bestimmte Werbebuchung an.
