HTML5-Creative erstellen

Sie können HTML5-Creatives für Studio mit Ihrem bevorzugten Codeeditor oder Google Web Designer erstellen und das HTML5 SDK von Studio einbinden.

HTML5 SDK von Studio verwenden

Wenn Sie den JavaScript-, CSS- und HTML-Code lieber selbst mit Ihrem bevorzugten Codeeditor erstellen möchten, müssen Sie den Studio-Enabler hinzufügen. Damit können Sie ein benutzerdefiniertes Tracking sowie das Maximieren und Schließen des Creatives festlegen. Laden Sie die eingerichteten Dateien in Studio hoch und senden Sie sie dann an eine verknüpfte Ad Serving-Plattform.

Vorgehensweise

• Folgen Sie den Anleitungen für die anderen HTML5-Editoren, die unten aufgeführt sind.
• So verwenden Sie den Enabler

Google Web Designer verwenden

Mit Google Web Designer können Sie ansprechenden HTML5-Content erstellen. So erwecken Sie Ihr Creative mit Animationen und interaktiven Elementen zum Leben und profitieren von der nahtlosen Integration in Studio.

Der Enabler wird automatisch in den Code aufgenommen, wenn Sie in Google Web Designer die Umgebung "Display & Video 360" auswählen.

Vorgehensweise

• Folgen Sie den Anleitungen für Google Web Designer, die unten aufgeführt sind.

Anzeigenformate erstellen

In diesen Anleitungen wird detailliert beschrieben, wie Sie Anzeigenformate in Ihrem bevorzugten HTML5-Editor erstellen.

Anleitungen für Google Web Designer			Anleitungen für andere HTML5-Editoren
	Banneranzeigen Expandable-Anzeigen Interstitial-Anzeigen			Banneranzeigen Expandable-Anzeigen Interstitial-Anzeigen
Weitere Informationen Google Web Designer mit Studio verwenden

Funktionen hinzufügen

Nachdem Sie ein Anzeigenformat erstellt haben, können Sie interaktive Funktionen hinzufügen, um per Tracking zu ermitteln, wie Nutzer mit Ihrem Creative interagieren. In diesen Anleitungen wird die Vorgehensweise beschrieben. Sie können das Hinzufügen erweiterter Creative-Funktionen (z. B. Karten und interaktive Videos) vereinfachen, indem Sie in Google Web Designer benutzerdefinierte Komponenten installieren oder benutzerdefinierte HTML5-Elemente hinzufügen.

Anleitungen für Google Web Designer		Anleitungen für andere HTML5-Editoren
	Zähler hinzufügen Exit hinzufügen Timer hinzufügen Video hinzufügen Karte hinzufügen In Studio veröffentlichen Dynamische Creatives erstellen Benutzerdefinierte Komponenten installieren und verwenden		Zähler hinzufügen Exit hinzufügen Timer hinzufügen Video hinzufügen Polite Load aktivieren Creative in den Vollbildmodus maximieren Benutzerdefinierte Elemente verwenden

Best Practices

• HTML5-Dateigröße reduzieren
• Best Practices für Entwickler