Banner erstellen
Erfahren Sie, wie Sie Banner erstellen, wenn Sie Kampagnen und Canvases in Braze aufbauen. Allgemeine Informationen finden Sie unter Über Banner.
Voraussetzungen
Bevor Sie Ihr Banner starten können, muss Ihr Entwicklungsteam Placements in Ihrer App oder Website einrichten. Sie können Ihre Banner-Kampagne in der Zwischenzeit trotzdem entwerfen, aber Sie können die Kampagne erst starten, wenn die Placements konfiguriert sind.
Eine Banner-Nachricht erstellen
Schritt 1: Plazierungen in Braze erstellen
Falls Sie dies noch nicht getan haben, müssen Sie in Braze Bannerplatzierungen erstellen, mit denen Sie die Standorte in Ihrer App oder Website definieren, an denen Banner angezeigt werden können. Um eine Platzierung zu erstellen, gehen Sie zu Einstellungen > Bannerplatzierungen und wählen Sie dann Platzierung erstellen.

Geben Sie Ihrer Platzierung einen Namen und vergeben Sie eine Platzierungs-ID. Konsultieren Sie unbedingt andere Teams, bevor Sie eine ID zuweisen, da diese während des gesamten Lebenszyklus der Karte verwendet wird und später nicht mehr geändert werden sollte. Weitere Informationen finden Sie unter Platzierungs-IDs.

2. Schritt: Wählen Sie, wo Sie Ihre Nachricht erstellen möchten
Sind Sie unsicher, ob Ihre Nachricht über eine Kampagne oder ein Canvas gesendet werden soll? Kampagnen eignen sich besser für einzelne, gezielte Messaging-Kampagnen, während Canvases besser für mehrstufige User-Journeys geeignet sind.
- Gehen Sie zu Messaging > Campaigns und wählen Sie Create Campaign.
- Wählen Sie Banner.
- Geben Sie Ihrer Kampagne einen klaren und aussagekräftigen Namen.
- Fügen Sie bei Bedarf Teams und Tags hinzu. Tags erleichtern das Auffinden Ihrer Kampagnen und das Erstellen von Berichten. Wenn Sie beispielsweise den Berichts-Builder verwenden, können Sie nach den relevanten Tags filtern.
- Wählen Sie das zuvor erstellte Placement aus, um es mit Ihrer Kampagne zu verknüpfen.
- Fügen Sie bei Bedarf Varianten hinzu. Sie können für jede Variante einen anderen Nachrichtentyp und ein anderes Layout wählen. Weitere Informationen zu Varianten finden Sie unter Multivariate und A/B-Tests.
- Wählen Sie ein Startdatum und eine Startzeit für Ihre Banner-Kampagne. Standardmäßig laufen Banner unbegrenzt. Sie können dies ändern, indem Sie End Time auswählen und ein Enddatum und eine Endzeit angeben.

Wenn alle Nachrichten in Ihrer Kampagne ähnlich sein oder denselben Inhalt haben werden, verfassen Sie Ihre Nachricht, bevor Sie weitere Varianten hinzufügen. Anschließend können Sie Copy from Variant aus dem Dropdown Add Variant auswählen.
- Erstellen Sie Ihr Canvas mit dem Canvas-Composer.
- Nachdem Sie Ihr Canvas eingerichtet haben, fügen Sie im Canvas-Builder einen Nachrichten-Schritt hinzu. Geben Sie Ihrem Schritt einen klaren und aussagekräftigen Namen.
- Wählen Sie Banner als Ihren Messaging-Kanal.
- Wählen Sie ein Placement für das Banner.
- Legen Sie die Priorität für das Banner fest. Die Banner-Priorität bestimmt die Reihenfolge, in der Banner angezeigt werden, wenn sie dasselbe Placement teilen.
- Legen Sie eine Ablaufzeit für das Banner fest. Dies kann nach einer bestimmten Zeitdauer nach Verfügbarkeit des Schritts oder zu einem bestimmten Datum und einer bestimmten Uhrzeit sein.
3. Schritt: Banner verfassen
Um Ihr Banner zu verfassen, können Sie:
- Mit einem leeren Template beginnen
- Ein Braze-Banner-Template verwenden
- Ein gespeichertes Banner-Template auswählen

Schritt 3.1: Banner gestalten
Sie können Blöcke und Zeilen per Drag-and-Drop in den Canvas-Bereich ziehen, um mit dem Erstellen Ihrer Nachricht zu beginnen. Eine Referenz der Banner-Editor-Blöcke und Links zu gemeinsamen Eigenschaftsdetails finden Sie unter Editor-Blöcke (Banner).

Wenn Sie Bilder über Connected-Content oder Liquid einbinden, stellen Sie sicher, dass Ihre Bild-URL mit https:// beginnt. Die Verwendung von http:// führt zum Absturz Ihrer App.
Um die Hintergrundeigenschaften, Rahmeneinstellungen und mehr Ihrer Nachricht anzupassen, wählen Sie Styles. Wenn Sie nur den Stil für einen bestimmten Block oder eine bestimmte Zeile anpassen möchten, wählen Sie das Element aus, um Änderungen vorzunehmen.

Schritt 3.2: Klickverhalten definieren (optional)
Wenn Nutzer:innen auf einen Link im Banner klicken, können Sie sie tiefer in Ihre App navigieren oder auf eine andere Webseite weiterleiten. Zusätzlich können Sie ein angepasstes Attribut oder Event protokollieren, wodurch das Profil der Nutzer:innen mit angepassten Daten aktualisiert wird, wenn sie auf das Banner klicken. Für ein detaillierteres Klick-Tracking weisen Sie jedem interaktiven Element über das Feld Identifier for Reporting in dessen Eigenschaftenpanel einen angepassten Bezeichner zu.

Das Klickverhalten kann überschrieben werden, wenn ein bestimmtes Element (z. B. ein Button, Link oder Bild des Banners) ein eigenes Klickverhalten hat. Beispiel bei folgenden Klickverhalten:
- Ein Banner hat ein Klickverhalten, das zur Startseite einer Website weiterleitet.
- Ein Bild im Banner hat ein Klickverhalten, das zur Produktseite einer Website weiterleitet.
Schritt 3.3: Schließverhalten konfigurieren (optional)
Aktivieren Sie das Kontrollkästchen Banner can be dismissed im Abschnitt Dismiss behavior, um Nutzer:innen das Schließen des Banners zu ermöglichen. Diese Option ist nützlich, wenn Sie ein zeitlich begrenztes Angebot für eine breite Zielgruppe bewerben, aber nicht interessierten Nutzer:innen erlauben möchten, die Nachricht auszublenden.
Wenn das Schließen aktiviert ist, können Sie den Schließen-Button im Abschnitt Dismiss behavior anpassen:
| Einstellung | Beschreibung |
|---|---|
| Button size | Die Größe des Schließen-Buttons, der auf dem Banner angezeigt wird. |
| Button color | Die Farbe des Schließen-Buttons. |
| ARIA label | Das barrierefreie Label für den Schließen-Button, das von Screenreadern verwendet wird. Standardmäßig „Close“, wenn leer gelassen. |
Wenn Nutzer:innen ein Banner schließen, wird es für diese Nutzer:innen nicht erneut angezeigt, selbst wenn sie weiterhin die Targeting-Kriterien der Kampagne erfüllen.
Schritt 3.4: Angepasste Eigenschaften hinzufügen (optional)
Sie können einem Banner angepasste Eigenschaften hinzufügen, um strukturierte Metadaten wie Strings oder JSON-Objekte anzuhängen. Diese Eigenschaften beeinflussen nicht die Darstellung des Banners, können aber über das Braze SDK abgerufen werden, um das Verhalten oder Erscheinungsbild Ihrer App zu ändern. Beispielsweise könnten Sie:
- Metadaten für Ihre Drittanbieter-Analytics oder Integrationen senden.
- Metadaten wie einen
timestampoder ein JSON-Objekt verwenden, um bedingte Logik auszulösen. - Das Verhalten eines Banners basierend auf enthaltenen Metadaten wie
ratiooderformatsteuern.
Um eine angepasste Eigenschaft hinzuzufügen, wählen Sie Settings > Properties > Add property.

Füllen Sie für jede Eigenschaft, die Sie hinzufügen möchten, Folgendes aus:
| Feld | Beschreibung | Beispiel |
|---|---|---|
| Eigenschaftstyp | Der Datentyp für die Eigenschaft. Unterstützte Typen sind String, Boolescher Wert, Zahl, Zeitstempel, Bild-URL und JSON-Objekt. | String |
| Eigenschaftsschlüssel | Der eindeutige Bezeichner für die Eigenschaft. Dieser Schlüssel wird im SDK verwendet, um auf die Eigenschaft zuzugreifen. | color |
| Wert | Der der Eigenschaft zugewiesene Wert. Muss dem ausgewählten Eigenschaftstyp entsprechen. | #FF0000 |
Wenn Sie fertig sind, wählen Sie Done.

4. Schritt: Erstellen Sie den Rest Ihrer Kampagne oder Ihres Canvas
Banner-Priorität festlegen (optional)
Die Banner-Priorität bestimmt die Reihenfolge, in der Banner angezeigt werden, wenn sie dasselbe Placement teilen. Um die Priorität manuell festzulegen:
- Wählen Sie Set exact priority.
- Ordnen Sie die Kampagnen per Drag-and-Drop in der richtigen Prioritätsreihenfolge an.
- Wählen Sie Apply Sort.

Wenn Sie mehrere Banner-Kampagnen mit derselben Placement-ID haben, empfehlen wir die Verwendung des Drag-and-Drop-Prioritätssortierers, um die genaue Priorität festzulegen.
Erneute Berechtigung konfigurieren (optional)
Standardmäßig sind Nutzer:innen, die ein Banner geschlossen haben, nie erneut für diese Kampagne berechtigt. Um geschlossenen Nutzer:innen das Banner erneut anzuzeigen, gehen Sie zum Schritt Delivery Controls und wählen Sie Allow users to become re-eligible to receive campaign. Wenn aktiviert, legen Sie ein Abklingfenster in Minuten, Stunden, Tagen oder Wochen fest.
Der Countdown beginnt, wenn Nutzer:innen das Banner schließen. Nach Ablauf des Fensters sind die Nutzer:innen automatisch erneut berechtigt – ein Neustart der Kampagne ist nicht erforderlich. Die erneute Berechtigung wird pro Nutzer:in und pro Kampagne verfolgt.
Zielgruppe auswählen
- Wählen Sie unter Target Audiences Segmente oder Filter aus, um Ihre Zielgruppe einzugrenzen. Sie erhalten automatisch eine Vorschau der ungefähren Segment-Population. Die genaue Segment-Zugehörigkeit wird berechnet, bevor die Nachricht gesendet wird.

Ihre Nachricht wird ausschließlich an Nutzer:innen gesendet, die bereits die Bedingungen erfüllen, die Sie im Schritt „Zielgruppe“ festgelegt haben. Anschließend müssen sie noch die Bedingungen erfüllen, die Sie im Schritt „Zeitplan für die Zustellung“ festgelegt haben. Stellen Sie sich die Zielgruppe als einen Warteraum vor – nur Personen, die sich bereits darin befinden, können voranschreiten, wenn die nächste Aktion erfolgt.
- Verfolgen Sie unter Assign Conversions, wie oft Nutzer:innen bestimmte Aktionen nach Erhalt einer Kampagne ausführen, indem Sie Konversions-Events mit einem Zeitfenster von bis zu 30 Tagen definieren, um die Aktion als Conversion zu zählen.
Konversions-Events auswählen
Braze ermöglicht es Ihnen, Konversions-Events zu verfolgen – also wie oft Nutzer:innen bestimmte Aktionen nach Erhalt einer Kampagne ausführen. Sie haben die Möglichkeit, ein Zeitfenster von bis zu 30 Tagen festzulegen, in dem eine Conversion gezählt wird, wenn die Nutzer:innen die angegebene Aktion ausführen.
Falls noch nicht geschehen, vervollständigen Sie die verbleibenden Abschnitte Ihrer Canvas-Komponente. Weitere Details zum Aufbau des restlichen Canvas, zur Implementierung von multivariaten Tests und Intelligenter Auswahl und mehr finden Sie im Schritt Canvas erstellen unserer Canvas-Dokumentation.
Um die erneute Berechtigung für Canvas-Banner-Schritte zu steuern, verwenden Sie die Canvas-Wiedereintrittseinstellungen. Weitere Informationen finden Sie unter Erneute Berechtigung für Kampagnen und Canvas.
5. Schritt: Nachricht testen (optional)
Wählen Sie Vorschau, um eine Vorschau Ihres Banners anzuzeigen oder eine Testnachricht zu senden.

Beachten Sie, dass Ihre Vorschau aufgrund von Hardware-Unterschieden möglicherweise nicht mit der endgültigen Darstellung auf dem Gerät einer Nutzer:in identisch ist.
Um eine Testnachricht zu senden, fügen Sie entweder eine Inhalts-Testgruppe oder einzelne Nutzer:innen als Testempfänger:innen hinzu und wählen Sie dann Test senden. Sie können Ihre Testnachricht bis zu 5 Minuten lang auf dem Gerät ansehen. Anschließend können Sie Vorschau-Link kopieren auswählen, um einen teilbaren Vorschau-Link zu generieren und zu kopieren, der zeigt, wie das Banner für eine zufällige Nutzer:in aussehen wird. Der Link ist sieben Tage lang gültig, bevor er neu generiert werden muss.

Überprüfen Sie beim Durchsehen Ihres Test-Banners Folgendes:
- Ist Ihre Banner-Campaign einer Platzierung zugewiesen?
- Werden die Bilder und Medien auf Ihren Zielgerätetypen und Bildschirmgrößen wie erwartet angezeigt und verhalten sie sich korrekt?
- Führen Ihre Links und Buttons die Nutzer:innen dorthin, wohin sie gelangen sollen?
- Funktioniert Liquid wie erwartet? Haben Sie einen Standardattributwert für den Fall vorgesehen, dass Liquid keine Informationen zurückgibt?
- Ist Ihr Text klar, prägnant und korrekt?
Weitere Informationen finden Sie unter Testnachrichten senden.
6. Schritt: Überprüfen und bereitstellen
Nachdem Sie Ihre Kampagne oder Ihr Canvas fertiggestellt haben, überprüfen Sie die Details, testen Sie sie und senden Sie sie, wenn Sie bereit sind.