> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Banner-Vorlagen für Native Anzeigen
export const LastUpdatedDe = ({date}) => {
const label = "Zuletzt aktualisiert:";
return <>
;
};
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:
* **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
**
**
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.
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 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}
```
Das Vorschausystem ersetzt automatisch Vorlagenvariablen in der URL durch tatsächliche Werte, während Werbetreibende Kampagnenfelder ausfüllen, was Echtzeit-Vorschauaktualisierungen ermöglicht.
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
## Vorlagen-Antwortstruktur
Jeder Gewinner in der Gebotsantwort enthält ein `content`-Objekt mit den
bei der Kampagnenerstellung konfigurierten Parametern:
```json theme={null}
{
"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.
***
