Zum Inhalt springen

Web-Popup-Kampagnen erstellen

Eine Web-Kampagne platziert die von Ihnen erstellten Web-Inhalte auf Ihrer Website und steuert, wann sie erscheinen und wer sie sieht. Eine Kampagne zeigt ihre Inhalte auf eine von zwei Arten an: als Popup oder als Inline-Block.

Eine neue Kampagne starten

Anchor link to
  1. Gehen Sie zu Kampagnen → Web-Kampagnen.

  2. Klicken Sie auf Kampagne erstellen und wählen Sie den Typ:

    • Popup: ein Overlay über der Seite.
    • Inline: ein Block innerhalb eines Elements Ihrer Seite, zum Beispiel in einer Seitenleiste oder unter einem Artikel.

    Den Typ können Sie später nicht mehr ändern.

    Liste der Web-Kampagnen mit geöffnetem Menü 'Kampagne erstellen', das Popup und Inline anbietet

Web-Inhalte auswählen

Anchor link to

Wählen Sie die Inhalte aus, die diese Kampagne den Besuchern anzeigt. Sie können vorhandene Inhalte auswählen oder neue Inhalte erstellen, ohne den Assistenten zu verlassen.

  • Vorhandene Inhalte: Wählen Sie unter Web-Inhalt einen Eintrag aus der Liste. Unter jedem Namen zeigt die Liste seinen Typ: Web-Inhalt für reguläre Inhalte oder Web-Formular für ein Web-Formular.
  • Neue Inhalte: Klicken Sie auf Neu erstellen und wählen Sie Web-Inhalt oder Web-Formular. Der Editor für diesen Inhaltstyp wird geöffnet.
Inhaltsschritt mit ausgewähltem Web-Formular, geöffnetem Menü 'Neu erstellen' mit hervorgehobenem Web-Formular und einer Vorschau des Formulars

Um die Reihenfolge der Inhalte im Dropdown-Menü zu ändern, verwenden Sie die Sortierschaltfläche darüber und wählen Sie Zuletzt aktualisiert, A-Z oder Z-A. Das Dropdown-Menü ist nach A-Z sortiert, bis Sie eine andere Reihenfolge wählen. Pushwoosh merkt sich Ihre Auswahl und verwendet sie in jedem Dropdown-Menü für Web-Popup-Inhalte, in einmaligen Nachrichten ebenso wie in Journeys.

Klicken Sie auf Weiter, wenn die richtigen Inhalte ausgewählt sind.

Zielgruppe definieren

Anchor link to

Wählen Sie aus, wer die Kampagne sehen soll.

  • Alle Benutzer: Zeigen Sie die Kampagne allen ohne Filter an.
Zielgruppenschritt mit ausgewählter Zielgruppe, der die Optionen 'Vorhandenes Segment verwenden' und 'Benutzerdefinierte Bedingungen verwenden' anzeigt
  • Zielgruppe: Zeigen Sie die Kampagne nur Benutzern an, die einem Segment oder benutzerdefinierten Bedingungen entsprechen. Zwei Unteroptionen erscheinen:
    • Vorhandenes Segment verwenden: Wählen Sie ein gespeichertes Segment aus der Liste. Um eines zu erstellen, ohne den Assistenten zu verlassen, klicken Sie auf Segment erstellen.
    • Benutzerdefinierte Bedingungen verwenden: Erstellen Sie die Zielgruppe direkt, indem Sie Filter nach Tag, Event, Segment oder User-ID hinzufügen.
'Vorhandenes Segment verwenden' ausgewählt, mit dem gewählten Segment Active Users und der Schaltfläche 'Segment erstellen'

Wenn Sie fertig sind, klicken Sie auf Weiter.

Anzeigeeinstellungen konfigurieren

Anchor link to

Richten Sie ein, wann, wie oft und wo diese Kampagne angezeigt werden soll.

CSS-Selektor

Anchor link to

Dieses Feld erscheint nur bei Inline-Kampagnen. Eine Inline-Kampagne erscheint innerhalb eines Blocks Ihrer Seite, und der CSS-Selektor teilt Pushwoosh mit, in welchem Block.

  1. Geben Sie unter CSS-Selektor den Selektor des Seitenelements ein, in das die Kampagne eingefügt wird, zum Beispiel #newsletter-signup. Verwenden Sie einen einzelnen einfachen Selektor: ein Tag, eine #id, eine .class oder ein [attribute], ohne Verschachtelung.

  2. Unter dem Feld zeigt Pushwoosh das Element an, das Sie Ihrer Seite hinzufügen müssen, zum Beispiel <div id="newsletter-signup"></div>. Bitten Sie Ihren Entwickler, es dort einzufügen, wo die Kampagne erscheinen soll.

    Feld 'CSS-Selektor' mit dem Wert #newsletter-signup, dem Element, das der Seite hinzugefügt werden muss, und dem Hinweis darunter

Die Kampagne erscheint im ersten Element der Seite, das dem Selektor entspricht. Hat die Seite kein passendes Element, wird die Kampagne dort nicht angezeigt.

Mit Automatisch beim Laden der Seite erscheint eine Inline-Kampagne jedes Mal, wenn eine Seite mit dem passenden Element geladen wird.

Anchor link to

Wählen Sie, wie die Kampagne angezeigt wird. Das Feld heißt Popup anzeigen in einer Popup-Kampagne und Kampagne anzeigen in einer Inline-Kampagne.

  • Automatisch beim Laden der Seite: Die Kampagne erscheint von selbst auf Seiten, die ihren Einstellungen entsprechen.
  • Nur per WebSDK-Aufruf: Die Kampagne erscheint nicht von selbst. Ihre Website zeigt sie an, indem sie das Web SDK aufruft. Der Assistent zeigt den Aufruf mit dem Kampagnencode an, zum Beispiel Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). Erfordert Web SDK 3.63.0 oder höher.

Mit Nur per WebSDK-Aufruf blendet der Assistent Anzeigeverzögerung und Auf Seiten anzeigen aus, da ein Aufruf von Ihrer Website sie ignoriert.

Anzeigeverzögerung

Anchor link to

Diese Einstellung gilt für Popup-Kampagnen, die Automatisch beim Laden der Seite angezeigt werden. Wählen Sie, wann das Web-Popup nach dem Laden der Seite zum ersten Mal erscheinen darf.

  • Sofort
  • Nach 3 Sekunden
  • Nach 5 Sekunden
  • Nach 10 Sekunden

Häufigkeit

Anchor link to

Diese Einstellung gilt nur für Popup-Kampagnen. Wählen Sie unter HÄUFIGKEIT, wie oft ein Besucher dieses Web-Popup sehen kann:

  • Einmal pro Besucher: Der Besucher sieht das Popup höchstens einmal in diesem Browser, auch in einem neuen Tab.
  • Einmal pro Sitzung: Der Besucher sieht das Popup einmal pro Browsersitzung. Wenn er einen Tab schließt und vor dem Ende der Sitzung zurückkehrt, erscheint das Popup nicht erneut.
  • Bei jedem Besuch: Das Popup erscheint jedes Mal, wenn der Besucher eine passende Seite lädt.
Anzeigeeinstellungen mit Optionen für Anzeigeverzögerung, Häufigkeit, Gerät und Anzeige auf Seiten

Wählen Sie unter Gerät die Geräte, auf denen die Kampagne erscheint: Alle Geräte, Desktop oder Mobil.

Push-Berechtigung

Anchor link to

Wählen Sie unter Push-Berechtigung, welche Besucher die Kampagne sehen, je nachdem, ob sie Web-Push-Benachrichtigungen in diesem Browser erlaubt haben:

  • Alle Besucher: alle, unabhängig von ihrer Push-Berechtigung. Dies ist die Standardeinstellung.
  • Noch nicht gefragt: Besucher, die der Browser noch nicht nach der Push-Berechtigung gefragt hat. Verwenden Sie diese Option für einen Prompt, der zum Abonnieren einlädt.
  • Abonniert: Besucher, die Push-Benachrichtigungen erlaubt haben.
  • Blockiert: Besucher, die Push-Benachrichtigungen blockiert haben, zum Beispiel um zu erklären, wie sie sie im Browser wieder erlauben.
  • Push nicht unterstützt: Besucher, deren Browser keine Web-Push-Benachrichtigungen empfangen kann. Verwenden Sie diese Option, um einen anderen Kanal anzubieten, etwa ein E-Mail-Formular.
Anzeigeeinstellungen mit 'Gerät' auf 'Alle Geräte' und 'Push-Berechtigung' auf 'Noch nicht gefragt'

Der Schritt Überprüfen zeigt die gewählte Option neben dem Gerät als Push-Berechtigung: mit dem Namen der Option an.

Der Browser des Besuchers prüft die Berechtigung, wenn die Kampagne angezeigt werden soll. Erlaubt oder blockiert der Besucher Benachrichtigungen auf der Seite, werden Kampagnen, die nicht mehr passen, entfernt, und eine Kampagne, die nun passt, wird nach dem nächsten Laden der Seite angezeigt.

Auf Seiten anzeigen

Anchor link to

Wählen Sie die Seiten, auf denen die Kampagne erscheinen kann. Diese Einstellung ist bei Nur per WebSDK-Aufruf ausgeblendet.

Alle Seiten
Anchor link to

Zeigen Sie die Kampagne auf jeder Seite der Website an. Um sie auf bestimmten Seiten auszublenden, fügen Sie bis zu 10 Ausschlüsse hinzu:

  1. Klicken Sie auf + Ausschluss hinzufügen.
  2. Geben Sie den Pfad der Seite ein.
  3. Wählen Sie, wie der Pfad übereinstimmen soll: Genaue Übereinstimmung oder Beginnt mit.
Seitenpfadzeile mit den Dropdown-Optionen 'Genaue Übereinstimmung' und 'Beginnt mit'
Bestimmte Seiten
Anchor link to

Zeigen Sie die Kampagne nur auf den von Ihnen aufgelisteten Seiten an. Sie können bis zu 10 Seiten hinzufügen:

  1. Klicken Sie auf + Seite hinzufügen. Um eine Zeile zu entfernen, klicken Sie auf ×.
  2. Geben Sie den Pfad der Seite ein.
  3. Wählen Sie, wie der Pfad übereinstimmen soll: Genaue Übereinstimmung oder Beginnt mit.
Schritt 'Auf Seiten anzeigen' mit ausgewählten 'Bestimmten Seiten' und Zeilen zum Hinzufügen von Seiten, die die eingeschlossenen Seitenpfade auflisten

Klicken Sie auf Weiter, um fortzufahren.

Einen Seitenpfad eingeben
Anchor link to

Der Pfad teilt Pushwoosh mit, für welche Seiten eine Regel gilt. Für Ausschlüsse und bestimmte Seiten gelten dieselben Regeln.

Was Sie eingeben

  • Geben Sie den Pfad so ein, wie er nach Ihrer Domain erscheint, zum Beispiel /pricing oder /blog/intro.
  • Der Pfad kann Buchstaben jedes Alphabets, Ziffern, Leerzeichen und die Zeichen - _ . ~ ! $ & ' ( ) * + , ; = : @ / enthalten.
  • Bei Pfaden wird zwischen Groß- und Kleinschreibung unterschieden, daher sind /Pricing und /pricing unterschiedliche Seiten.

Eine vollständige Adresse einfügen

Sie können auch die vollständige Adresse aus der Adressleiste des Browsers oder einen kodierten Pfad einfügen. Pushwoosh entfernt die Domain, den Query-String und das Fragment und speichert den Pfad dann dekodiert, wobei die Groß- und Kleinschreibung erhalten bleibt. Zum Beispiel:

Sie geben einPushwoosh speichert
https://example.com/Catalog/?sort=price/Catalog/
/caf%C3%A9/café

Übereinstimmungstypen

Der Übereinstimmungstyp bestimmt, welche Seiten der Pfad abdeckt:

ÜbereinstimmungstypAbgedeckte Seiten
Genaue ÜbereinstimmungNur die Seite, deren Pfad mit Ihrer Eingabe identisch ist. /pricing deckt weder /pricing/ noch /Pricing ab.
Beginnt mitJede Seite, deren Pfad mit Ihrer Eingabe in derselben Groß- und Kleinschreibung beginnt. /blog deckt /blog/intro und auch /blog-news ab. Geben Sie daher /blog/ ein, um nur den Blog-Bereich abzudecken.

Die Kampagne überprüfen

Anchor link to

Der Überprüfen-Bildschirm fasst zusammen:

  • Inhalt: die angehängten Web-Inhalte. Siehe Web-Inhalte auswählen. Eine Kampagne, die noch mit einem veralteten Abonnementformular anstelle von Web-Inhalten verknüpft ist, zeigt hier stattdessen den Namen dieses Formulars an.
  • Zielgruppe: Alle Benutzer oder Zielgruppe mit dem ausgewählten Segmentnamen oder den benutzerdefinierten Bedingungen.
  • Anzeigeeinstellungen: Gerät, die Seiten, auf denen die Kampagne angezeigt wird (einschließlich Übereinstimmungstyp und etwaiger Ausschlüsse), Verzögerung und Häufigkeit.

Verwenden Sie OPTIONEN ÄNDERN in einem beliebigen Block, um zurückzuspringen und diesen Teil zu bearbeiten.

Der Vorschau-Bereich zeigt, wie die Inhalte in einem Beispiel-Ansichtsfenster aussehen. Verwenden Sie INHALT BEARBEITEN, wenn Sie das zugrunde liegende Inhalts-Asset anpassen müssen.

Schritt 'Überprüfen' mit Zusammenfassung von Inhalt, Zielgruppe und Anzeigeeinstellungen, Optionen ändern und Vorschau-Bereich

Wenn alles richtig aussieht, klicken Sie auf Einrichtung abschließen.

Wählen Sie dann eine Option aus dem Menü:

  • Kampagne starten… aktiviert die Kampagne, nachdem Sie einen Kampagnennamen eingegeben und bestätigt haben. Bei einer Inline-Kampagne zeigt anschließend ein Dialog Einbettungscode das Element an, das Sie Ihrer Seite hinzufügen müssen. Sie können ihn später über Einbettungscode abrufen… im Zeilenmenü der Kampagne erneut öffnen.

    Dialog 'Einbettungscode' mit dem div-Element mit der id newsletter-signup, das der Website hinzugefügt werden muss
  • Als Entwurf speichern… speichert die Kampagne, ohne sie zu aktivieren. Um sie später live zu schalten, gehen Sie zu Kampagnen → Web-Kampagnen, öffnen Sie das Drei-Punkte-Menü in der Zeile des Entwurfs und wählen Sie Kampagne aktivieren…. Um zuerst Einstellungen zu ändern, wählen Sie im selben Menü Kampagne bearbeiten….

Informationen zum Suchen, Filtern und Verwalten von Kampagnen aus der Liste finden Sie unter Kampagnen anzeigen und verwalten.