Diese Styles gelten als Standard für deine Umfragen. Du kannst sie jederzeit in den Umfrageeinstellungen überschreiben.

Die Standard-Styles findest du dabei unter Projekteinstellungen -> Standard-Styles des Projektes

Definierbare Styles

Innerhalb der Projekt Styles lassen sich folgende Einstellungen für alle zu erstellenden Surveys festlegen:

• Farbe
  • Button-Farbe
  • Schrift-Farbe des Buttons
  • Hintergrundfarbe der Umfrage
  • Schriftfarbe der Umfrage
• Typografie
• Header & Branding
  • Umfrage-Header
  • Eigenes Logo
• Avatar & Progress Bar
  • Progressbar
• Custom CSS

Ändern von Styles in einer einzelnen Umfrage

Im Style Tab jeder Umfrage siehst du ganz oben den Hinweis

Wir verwenden deine vordefinierten Projekt-Styles. Du kannst diese jederzeit überschreiben durch individuelle Einstellungen in dieser Umfrage.

Außerdem erkennst du an dem „Link“ Icon , dass die Styles aus den vordefinierten Projekt-Styles gezogen werden.

Du kannst jedes Styling in der Umfrage aber weiterhin ganz normal anpassen und auf die Bedürfnisse und Anforderungen die du an diese Umfrage hast, eingehen.

Änderst du einen mit den Projekt-Styles verlinkten Stil, ändert sich das Icon auf das Disconnected Icon .

Außerdem kannst du jederzeit, mit einem Klick auf Zurücksetzen auf Projekt-Styles, wieder die eigentlichen Styles aus den Projekteinstellungen für den Bereich laden.

Mit dem Direct Inject kannst du spezifische Elemente auf deiner Seite „finden“. PollHero injected die Umfrage dann an der ersten Stelle, die dem selektierten Element entspricht.

Dabei kannst du zwischen 5 Optionen wählen:

• Replace: Ersetzt das über die Selektoren gefundene Element durch die Umfrage. Das Zielelement wird dabei von der Seite entfernt.
• At First: Wenn das Zielelement ein Container mit mehreren Elementen ist, wird es innerhalb dieses Containers an erster Stelle platziert.
• At Last: Wenn das Zielelement ein Container mit mehreren Elementen ist, wird es innerhalb dieses Containers an letzter Stelle platziert.
• Before: Die Umfrage wird direkt vor dem Beginn des Zielelements platziert.
• After: Die Umfrage wird direkt nach dem Ende des Zielelements platziert.

Um das Direct Inject zu nutzen, gibst du deinen CSS Selektor in das Eingabefeld über der Positionsauswahl ein. Über PollHero Targeting kannst du dann einstellen, auf welchen Seiten PollHero nach dem Zielelement sucht.

In der Umfragenerstellung findest du das Custom CSS Feature unter dem Tab „Style“.

Eine detaillierte Dokumentation zu allen Use Cases folgt.

Klicke dafür einfach auf den Link „Jetzt einrichten“.

Der Klick leitet dich auf eine Seite weiter, auf der du dein Passwort erneut bestätigen musst.

Hast du dein Passwort bestätigt, kannst du die MFA/2FA einrichten.

Falls du noch keine Authentifizierungs-App hast, musst du eine App herunterladen.

Die Vorschaufunktion für Onsite Umfragen findest du im Launch-Tab.

Hast du bei Erstellung eines Projekts eine Projekt-URL angegeben, wird diese als URL für die Vorschau automatisch eingetragen. Du kannst sie in der Umfragevorschau aber auch verändern.

Öffne die Vorschau entweder über den Button, kopiere den Link in die Browserleiste oder scanne den QR-Code, um deine Umfrage zu sehen.

Wichtiger Hinweis bzgl. der Vorschau:
Diese Funktioniert technisch bedingt nur, wenn das PollHero Projekt Skript auf der Webseite, auf der die Vorschau angeschaut werden soll, eingebunden ist.

In den Projekteinstellungen unter dem Punkt Datenschutz & Compliance kannst du die PII Maskierung aktivieren.

Schaltest du die PII Maskierung ein, werden Zahlenreihen mit mehr als drei Zahlen sowie E-Mail-Adressen (ausgenommen: Fragentyp Mailing) mit Sternchen * zensiert.

Aktivieren der KLAR Integration in PollHero

Um die KLAR-Integration zu aktivieren, navigierst du in deine Projekteinstellungen

Dort setzt du den Toggle bei Klar Integration aktivieren auf AN und siehst einen Button um dich mit Google zu authentifizieren.

Diesen klickst du an und erlaubst die Zugriffsrechte via Google.

Zufügen von Google Sheets zum PollHero Projekt

Nach der erfolgreichen Authentifizierung erscheint ein Popup in welchem du alle Google Sheets auswählen kannst, für die du eine Übermittlung der Daten aus deinen Umfragen in die Sheets herstellen möchtest.

Nachdem du das richtige Sheet ausgewählt hast, kannst du weitere Sheets über den Button Weiteres Spreadsheet hinzufügen zufügen.

Diese lassen sich dann unten über die Auflistung der Umfragen den richtigen Sheets zuweisen. Mit dem Button Zuordnung speichern bestätigst du diese Einstellungen.

Auswählen, welche Fragen/Antworten zu KLAR übermittelt werden sollen

Für Post Purchase Attribution verwendet man in der Regel eine einzige Frage (mit ggf. Folgefragen/Logiken).

Die Frage lautet in der Regel etwas wie

Wo hast du erstmals von uns gehört?

Navigiere in deiner Survey zu der entsprechenden Frage und aktive ganz unten die Option „Send to Klar“.

Dadurch wird diese Frage mit den Informationen question_1 und answer_1 entsprechend vorbereitet, um an KLAR übermittelt werden zu können.

Aktivierst du das für eine weitere Frage, wird dies im Export nachher als question_2 und answer_2 auftauchen:

Einfügen eines Purchase Tracking Skriptes

Um die Käufe an PollHero zu schicken, musst du ein Conversion Script bei jedem Kauf auslösen:

window.PH_API = window.PH_API || [];
  window.PH_API.push({
    event: "purchase",
    transaction_id: "{{dlv - ecommerce.transaction_id}}",
    value: {{dlv - ecommerce.value}},
    tax: {{dlv - ecommerce.tax}},
    shipping: {{dlv - ecommerce.shipping}},
    currency: "{{dlv - ecommerce.currency}}",
    coupon: "{{dlv - ecommerce.coupon}}",
    items: {{dlv - ecommerce.items}}
  });

Das hier gezeigte Beispiel bedient sich an den gängigen Google Tag Manager Variablen aus dem dataLayer, deine individuelle Syntax kann davon allerdings abweichen!

Auf jeden Fall erforderliche Werte sind die transaction_id, value und currency.

Zufügen der Antworten mit Order IDs zu KLAR!

Was sind Benutzerattribute?

Mit Benutzerattributen kannst du die Informationen über deine Umfrageteilnehmer anreichern und mehr Informationen über diese in der Auswertung deiner Umfragen erhalten. Außerdem lassen sich mit Hilfe von Benutzerattributen speziellere Anwendungsfälle abbilden, um Umfragen noch präziser an Kunden ausspielen zu können.

Wie können Benutzerattribute verwendet werden?

Die Informationen, die du über die Identify Funktion als Benutzerattribute an PollHero schickst, können im Targeting für die Ausspielung von Umfragen verwendet werden.

Außerdem werden diese Benutzerattribute in der CSV Auswertung als neue Spalten (eine Spalte pro Benutzerattribut mit dem entsprechenden Wert) ausgegeben.

Gängige Anwendungsfälle

Hier findest du einige Anwendungsfälle, wie sich Benutzerattribute typischerweise verwenden lassen und mit was für Inhalten diese versehen werden.

Wichtig: Diese Aufzählung ist nur ein Beispiel, du kannst komplett freie Benutzerattribute setzen, die nicht in dieser Liste aufgeführt werden.

Beispiele

Eine Hotelkette möchte im Checkout Prozess User markieren, die kein Frühstück ausgewählt haben und im späteren Prozess eine Onsite Befragung durchführen, wieso Nutzer sich gegen ein Frühstück entschieden haben. Sie verwenden die Identify Methode und senden bspw breakfast: false als benutzerdefinierten Parameter. Diesen können sie dann im späteren Zeitpunkt als Targetingoption zur Ausspielung ihrer Survey verwenden.

Ein Anbieter für Tiernahrung auf der Bestellbestätigungsseite Umfragen an Kunden ausspielen, die kein Abo haben und gezielt nach fragen, ob sie das Abo kennen und/oder wieso sie sich gegen das Abo entschieden haben. Dafür wird nach dem Login ein Attribut active_subscriber: false gesetzt welches im Targeting zur Ausspielung der Umfrage verwendet wird.

Code zur Einrichtung

Du kannst den Code zur Einrichtung einfach über den Google Tag Manager oder direkt in deinem Quellcode verankern um die benutzerdefinierten Attribute an PollHero zu schicken.

(window.PH_API || (window.PH_API = [])).push(function() {
    var identifier = email oder user_id || null; // Ersetze email oder user_id durch einen eigenen Identifier, falls verfügbar
    window.PH1.identify(identifier, {
        // Füge hier deine benutzerdefinierten Attribute zu
        customer_type: "recurring",
        subscriber: true,
        subscription_date: '01.01.2025'
    });
});

Hier ein konkretes Beispiel, wo wir einen korrekten Identifier setzen:

(window.PH_API || (window.PH_API = [])).push(function() {
    var identifier = 'info@poll-hero.com' || null;
    window.PH1.identify(identifier, {
        customer_type: "new",
        subscriber: true,
        subscription_date: '01.01.2025'
    });
});

Hintergrundfarbe

Die Einstellung ändert NICHT die Hintergrundfarbe deiner Umfrage, sondern die Farbe der Seite, auf der die Stand-Alone Survey ausgespielt wird.

Beispiel-Seite:

Hintergrundbild

Du kannst dich auch dazu entscheiden, ein Hintergrundbild auszuspielen. Hier kannst du die Position des Bildes auf der Seite festlegen, ob ein Bilderoverlay angezeigt wird oder ob das Bild verschwommen dargestellt wird.

Ein Beispiel für die oben angezeigten Einstellungsoptionen:

Beispiel für ein linksseitiges Bild ohne Blur:

Beispiel für ein rechtsseitiges Bild mit 25 % Blur:

Du kannst auch einstellen, ob dein Bilder ein Overlay haben soll. Für das Beispiel mit Overlay wird das gleiche Bild gewählt, kein Blur eingestellt und ein schwarzes Overlay mit 35 Prozent Transparenz eingestellt.

Die Transparenz stellst du in dem Feld „A“ ein oder über den Schieberegler unter der Farbwahl.

Mehr zu Cookies, localStorage und Laufzeiten findest du hier.