Banner-Vorlagen für Native Anzeigen

Marketplaces verwenden native Anzeigen, die nicht nur aus Bildern bestehen, sondern auch aus mehreren Textfeldern, Hintergrundbildern, Vordergrundbildern und anderen anpassbaren Elementen. Diese Elemente können je nach verschiedenen Platzierungen variieren, was es schwierig macht, Konsistenz zu wahren und die Anzeigenerstellung über Kampagnen hinweg zu rationalisieren.

Creative-Vorlagen bieten eine Lösung, indem sie vorgefertigte Banner bereitstellen, die es Teams ermöglichen, schnell Anzeigen zu erstellen, die einem strukturierten und wiederholbaren Rahmen folgen. Diese Vorlagen sind in hohem Maße anpassbar und können spezifische Felder enthalten. Ob Sie Felder für eine Schaltfläche, Bilder, Überschriften, benutzerdefinierte Parameter oder andere Designelemente benötigen, Vorlagen ermöglichen es Ihnen, zu standardisieren und den Prozess zu vereinfachen.

Einschränkung der Vorlagenverwaltung: Derzeit können Vorlagen nach ihrer Erstellung nicht bearbeitet oder gelöscht werden. Planen Sie die Struktur Ihrer Vorlage sorgfältig vor der Erstellung, um sicherzustellen, dass sie Ihre langfristigen Kampagnenanforderungen erfüllt.

Wie es funktioniert

Erstellen einer neuen Vorlage

Einzelhändler können benutzerdefinierte Vorlagen erstellen, die auf ihre Bedürfnisse zugeschnitten sind. Diese Vorlagen können mit verschiedenen Feldern konfiguriert werden, wie Text, Bildern, externen Links und anderen Elementen, um spezifische Platzierungsanforderungen zu erfüllen. So können Sie eine neue Vorlage erstellen und konfigurieren:

Beim Erstellen einer Vorlage legen Sie zunächst das statische Vorschaubild und die Felder fest, aus denen die Vorlage bestehen wird. Für jedes Feld müssen Sie Folgendes angeben:

Feldtyp: Wählen Sie aus Text, Bild, Auswahl, Schaltfläche, Link usw.
Variable: Der Variablenname, den das Feld verwenden wird.
Feldname: Legen Sie ein klares Etikett für das Feld fest, um es im Kampagnenerstellungsprozess zu identifizieren.
Beschreibung: Geben Sie eine Erklärung oder Anweisungen dazu, was in das Feld eingegeben werden soll.
Erforderlich oder Optional: Entscheiden Sie, ob das Feld für Werbetreibende obligatorisch ist oder leer gelassen werden kann.
MinLength: Minimale Anzahl von Zeichen für Textfelder
MaxLength: Maximale Anzahl von Zeichen für Textfelder
Default: Standardwert des Felds
Prefix: Für Link-Typ-Felder beginnen sie mit dem Präfix
MultiSelect: Für Auswahl-Typ-Felder, ob der Benutzer einen oder mehrere auswählen sollte
Options (querystring): Schlüssel und Werte für Auswahl-Typ-Felder

Dies kann mit einem CSV oder der Benutzeroberfläche erfolgen

Screenshot der Erstellung einer neuen Vorlage

Screenshot der Überprüfung einer neuen Vorlage

Geben Sie ihr als Nächstes einen eindeutigen Namen, eine kurze Beschreibung, um Werbetreibenden zu helfen, ihren beabsichtigten Zweck zu verstehen, und fügen Sie optional eine URL für die dynamische Vorschau hinzu.

Konfiguration der dynamischen Vorschau

Verfügbarkeit der dynamischen Vorschau: Die Funktion zur dynamischen Vorschau ist nur für Vorlagen verfügbar, die diese Funktion bei der Erstellung speziell aktivieren.

Dynamische Vorschau-URLs ermöglichen die Echtzeitvisualisierung, wie Vorlagenfelder in der tatsächlichen Anzeigenplatzierung erscheinen werden. Das Vorschausystem lädt Ihre angegebene URL in einem iframe und füllt die Vorlagenvariablen dynamisch mit Kampagnendaten.

Bereiten Sie Ihre Vorschauumgebung vor

Bevor Sie die dynamische Vorschau in der Vorlage konfigurieren, stellen Sie sicher, dass Sie eine Vorschau-URL verfügbar haben, die die Vorlagenstruktur rendern kann. Dies könnte in Ihrer lokalen Entwicklungsumgebung oder einer bereitgestellten Staging-App sein.

Konfigurieren Sie die Vorschau-URL-Vorlage

Konfigurieren Sie Ihre dynamische Vorschau-URL mit Vorlagenvariablen-Platzhaltern. Die URL-Struktur sollte Parameter enthalten, die Ihren Vorlagenfeldern entsprechen:

https://your-preview-domain.com/?slotId=slot-1&headline={headline}&mainImage={urlEncodedImageURL}&price={price}&availability={availability}

Integration von Vorlagenvariablen

Das Vorschausystem ersetzt automatisch Vorlagenvariablen in der URL durch tatsächliche Werte, während Werbetreibende Kampagnenfelder ausfüllen, was Echtzeit-Vorschauaktualisierungen ermöglicht.

Client-seitiges Rendering

Ihre Vorschau-URL sollte die erforderliche client-seitige Logik enthalten, um Vorlagenelemente mit den bereitgestellten Parametern zu lokalisieren und auszufüllen.

Vorschau-URL-Anforderungen: Ihre Vorschau-URL muss zugänglich sein und die erforderliche Renderlogik enthalten, um Vorlageninhalte korrekt anzuzeigen. Das System verwendet client-seitiges JavaScript, um Inhalte in designierten Vorlagenelementen zu ersetzen.

Verwendung von Vorlagen

Wählen Sie, von einer Vorlage zu starten

Screenshot der Auswahl einer vorhandenen Vorlage

Wählen Sie eine Vorlage aus der Liste aus

Füllen Sie die Vorlagenfelder aus

Screenshot des Ausfüllens einer vorhandenen Vorlage

Fahren Sie mit dem Banner-Kampagnenerstellungsfluss fort

Screenshot der Verwendung der Vorlage in der Kampagne

Vorlagen-Antwortstruktur

Jeder Gewinner in der Gebotsantwort enthält ein content-Objekt mit den bei der Kampagnenerstellung konfigurierten Parametern:

{
  "results": [
    {
      "resultType": "banners",
      "winners": [
        {
          "rank": 1,
          "asset": [
            {
              "url": "https://topsortassets.com/000.json",
              "content": {
                "cta": "Jetzt einkaufen",
                "mainImage": "https://topsortassets.com/0001.png",
                "headline": "Test-Überschrift",
                "backgroundImage": "https://topsortassets.com/0002.jpeg"
              }
            }
          ],
          "type": "url",
          "id": "http://topsort.com",
          "resolvedBidId": "ChAGiHlBYmh4DaUEsuubfw7wEhABl8c_uHx3Aa8pw_EgHrHIGhABjoa6wYJ3wqhfIGHIdxYgIhYKEmh0dHA6Ly90b3Bzb3J0LmNvbRAFMOGtDw",
          "vendorId": "babolat",
          "campaignId": "0197c73f-b87c-7701-af29-c3f1201eb1c8"
        }
      ],
      "error": false
    }
  ]
}

Die Struktur des content-Objekts entspricht direkt den bei der Vorlagenerstellung konfigurierten Vorlagenfeldern und ermöglicht es Ihrem Frontend, die entsprechenden kreativen Elemente für jede Platzierung dynamisch zu rendern.

Implementierungshinweis: Verwenden Sie die Vorlagenfeld-Variablen als Schlüssel in Ihrer Renderlogik, um Konsistenz zwischen Kampagnenkonfiguration und Frontend-Anzeige über alle Platzierungen hinweg zu gewährleisten.

Drittanbieter-Verifizierung

JSON-Banner-Vorlagen können einen Drittanbieter-Verifizierungstag als Creative-Content mitführen. Fügen Sie beim Erstellen der Vorlage ein Textfeld namens verificationTag hinzu, damit Advertiser ihren Tag bei der Kampagnenerstellung angeben können; der Wert wird im Feld content.verificationTag des gewinnenden Assets zurückgegeben. Das Vorlagenfeld ist anbieterunabhängig, aber die erste Version der Runtime @topsort/verification unterstützt nur bestätigte IAS-Monitoring-Tags. Ein eigener Renderer muss den zurückgegebenen Tag, das exakte gerenderte Element, resolvedBidId und den Einwilligungsstatus des Marketplace verbinden. Siehe Hilfsbibliothek für Drittanbieter-Verifizierung für die Einrichtungsanleitung.

​Wie es funktioniert

​Erstellen einer neuen Vorlage

​Konfiguration der dynamischen Vorschau

​Verwendung von Vorlagen

​Vorlagen-Antwortstruktur

​Drittanbieter-Verifizierung

Wie es funktioniert

Erstellen einer neuen Vorlage

Konfiguration der dynamischen Vorschau

Verwendung von Vorlagen

Vorlagen-Antwortstruktur

Drittanbieter-Verifizierung