zum Hauptinhalt springen
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Benutzerdefiniertes eingebettetes Feedback


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Tipp: Wenn Sie keinen Zugriff auf die auf dieser Seite beschriebenen Funktionen haben, wenden Sie sich an Ihren Vertriebsbeauftragten. Weitere Informationen über die Unterschiede zwischen digitalem Feedback und CustomerXM für Digital finden Sie unter Digitales Feedback vs. CustomerXM für Digital.

Informationen zu benutzerdefinierten eingebetteten Feedback-Creatives

Mit benutzerdefiniertem eingebettetem Feedback können Sie benutzerdefinierte Inhalte anlegen, die als Teil Ihrer Seite angezeigt werden. Dieser benutzerdefinierte Inhalt kann von einer Werbung bis hin zu einer eingebetteten Umfrage sein.

Beispiel: In diesem Screenshot wird eine Umfrage in die Webseite eingebettet, nachdem ein Besucher eine Zahlung abgeschlossen hat. Die Umfrage wird in der Umfrageplattform erstellt und mithilfe eines benutzerdefinierten eingebetteten Feedback-Creatives auf der Seite eingebettet.

Bild eines eingebetteten benutzerdefinierten HTML-Creatives, das zum Einholen von Feedback auf einer Website nach Abschluss eines Online-Kaufs verwendet wird

Kundenspezifisches eingebettetes Feedback ist spürbarer als ein passiveres Creative, wie der Feedback-Button, während auch Website-Besucher nie überwältigen, indem sie das, was sie tun, unterbrechen. In einer Welt, in der Kunden geschult sind, nach einer Interaktion schnell Feedback zu geben, können Teilnehmer durch das Einbetten von benutzerdefiniertem Feedback direkt auf Ihrer Seite während einer Erfahrung Feedback geben.

Benutzerdefinierte eingebettete Feedback-Creatives können auch für das Content Management nützlich sein, sodass Sie auswählen können, welche Umfragen bestimmten Arten von Website-Besuchern angezeigt werden.

Beispiel: Sie können beispielsweise festlegen, dass ein Rabattangebot nur für Besucher angezeigt wird, die sich in Gebieten in der Nähe physischer Filialen befinden, und für alle anderen ein Alternativmaterial verwenden.

Beispiel: Im Screenshot unten fragen wir die Besucher, für was sie heute einkaufen. Wenn sie Schuhe wählen, können wir sie direkt zum Bereich Schuhe unserer Website weiterleiten.

Bild einer Umfrage, die in eine Seite eingebettet ist und die Besucher auffordert, zwischen Schuhrücken oder Jacken zu wählen

Tipp: Diese Funktion hieß früher Benutzerdefiniertes HTML-Creative.

Implementieren von benutzerdefiniertem eingebettetem Feedback

  1. Generieren Sie ein benutzerdefiniertes eingebettetes Feedback-Creative.
    Achtung: Der Name Ihres Creatives darf 100 Zeichen nicht überschreiten.
  2. Lassen Sie Ihr Webteam einen „Container“ auf Ihrer Website festlegen, in den Ihr kundenspezifisches eingebettetes Feedback eingefügt wird. Dieser Bereich sollte ein HTML-Element mit einem ID-Attribut enthalten. Ermitteln und kopieren Sie die HTML-ID zwischen den Anführungszeichen.
    Bild des Inspect-Elementfensters. Die HTML-ID des Containers, in den das Creative gehen soll, wird hervorgehoben.
    In vielen Fällen ist ein HTML-Tag mit einer ID bereits am richtigen Ort vorhanden, und es sind keine Site-Änderungen erforderlich.

    Tipp: Verwenden Sie die Funktion „Element prüfen“ Ihres Browsers, um die HTML-ID eines Elements zu ermitteln. Klicken Sie in den meisten Browsern einfach mit der rechten Maustaste auf den Teil der Seite, den Sie prüfen möchten, und wählen Sie „Prüfen“ oder „Element prüfen“.
  3. Erstellen Sie ein Intercept.
  4. Wählen Sie im Menü Optionen der Aktion Ihres Intercepts die Option Erweiterte Optionen.
    Erweiterte Optionen auf einem Intercept
  5. Fügen Sie die HTML-ID Ihres Ziel-Containers in das Feld Creative Insertion Point ein.
    Bild des Feldes Creative Insertion Point in den Erweiterten Optionen. In das Feld wird der Wert für die HTML-ID des Containers eingetragen.
  6. Klicken Sie auf Speichern.
  7. Wenn ein Besucher diese Seite auf Ihrer Website aufruft, sucht Qualtrics nach dem HTML-Element mit der von Ihnen angegebenen ID und fügt Ihr Creative in diesen div-Container ein.
Tipp: In den obigen Beispielen betten wir eine Qualtrics-Umfrage direkt auf der Seite ein. Um einen ähnlichen Effekt zu erzielen, würden Sie beim Bearbeiten Ihres Creatives einfach ein eingebettetes Ziel in der Größe und Form hinzufügen, die die Umfrage auf der Seite annehmen soll.

Optionen für benutzerdefiniertes eingebettetes Feedback

Im Abschnitt Optionen Ihres Creatives finden Sie spezifische Einstellungen für benutzerdefinierte eingebettete Feedback-Creatives.

Dimensionierung

Standardmäßig haben benutzerdefinierte eingebettete Feedback-Werbemittel eine bestimmte Größe. Diese Größe ist die Größe, in der Ihr Motiv angezeigt wird, unabhängig von der Größe des Bildschirms, auf dem es erscheint.

Wenn Sie die Größe Ihrer Bilder dynamisch an verschiedene Bildschirmgrößen und -typen anpassen möchten, aktivieren Sie Ziel an Größe des Einfügecontainers anpassen. Diepasst die Größe des Bildmaterials automatisch an die Größe (Länge und Breite) des Containers an, den Sie bei der Implementierung des benutzerdefinierten eingebetteten Feedbacks konfiguriert haben.

größenoptionen im Kreativbereich

Achtung! Diese Option setzt die im Bearbeitungsmenü eingestellte kreative Größe außer Kraft. Wenn Sie eine bestimmte kreative Größe wünschen, verwenden Sie keine Größenänderungsoptionen.
Tipp: Die Größe von Containern auf Websites ändert sich in der Regel aufgrund unterschiedlicher Seitengrößen und Gerätetypen. Wenn Sie also diese Option wählen, können Sie die Größe Ihres Designs an die Seitengröße und den Gerätetyp jedes Nutzers anpassen.

Wenn die Option Größe des Ziels an die Größe des Einfügecontainers anpassen ausgewählt ist, können Sie 2 zusätzliche Optionen auswählen:

  • Größe des Ziels an die Höhe der Umfrage anpassen: Wenn diese Option ausgewählt ist, wird die volle Höhe der Umfrage angezeigt, und die Höhe wird nicht durch die Containergröße bestimmt.
  • Zielseitenverhältnis während der Größenänderung sperren: Wenn diese Option ausgewählt ist, werden die ursprünglichen Proportionen des Bildmaterials beibehalten.
    Tipp: Wenn Sie diese Option auswählen, wird verhindert, dass sich die Größe von Text, Bildern und Schaltflächen ändert, auch wenn die Größe des Bildmaterials an den Container angepasst wird.
Achtung! Motive können nicht in der Größe verändert werden, wenn ” An Seite fixieren ” unter “Benutzerdefinierte Positionierung” ausgewählt ist.

Benutzerdefinierte Positionierung

Manchmal kann Ihr kundenspezifisches eingebettetes Feedback kleiner sein als der Zielcontainer, in den es auf Ihrer Website eingefügt wird. In diesem Fall können Sie über Benutzerdefinierte Positionierung festlegen, wo in Bezug auf den Ziel-Container Ihr HTML angezeigt wird.

Benutzerdefinierte Positionierung im Abschnitt Optionen des Creatives

Um noch mehr Kontrolle über die Positionierung zu erhalten, können Sie die X- oder Y-Position des Creatives von seiner Anfangsposition verschieben oder Auf Seite fixieren auswählen, sodass das benutzerdefinierte eingebettete Feedback dem Besucher beim Blättern folgt.

Zielcontainerinhalte ersetzen

Erweiterte Optionen im Abschnitt Optionen des Creative

Wenn ein benutzerdefiniertes eingebettetes Feedback-Creative in eine Seite eingefügt wird, ersetzt es standardmäßig den vorhandenen Inhalt des Ziel-HTML-Elements. Sie sehen, dass diese Option Zielcontainerinhalt ersetzen ausgewählt ist.

An Zielcontainer anhängen

Anstatt den Inhalt des Zielcontainers zu ersetzen, können Sie An Zielcontainer anhängen wählen, um Ihr Creative innerhalb des Zielcontainers, aber nach einem vorhandenen Inhalt zu platzieren.

Vor Zielcontainer einfügen

Mit dieser Option können Sie das benutzerdefinierte eingebettete Feedback vor dem Zielcontainer einfügen.

Tipp: Dadurch werden die Optionen für die benutzerdefinierte Positionierung ignoriert.

Nach Zielcontainer einfügen

Mit dieser Option können Sie das benutzerdefinierte eingebettete Feedback nach dem Zielcontainer einfügen.

Tipp: Dadurch werden die Optionen für die benutzerdefinierte Positionierung ignoriert.

Hinweis zum Z-Index

Der Z-Index ist eine CSS-Eigenschaft, die angibt, welche Elemente auf Ihrer Webseite oben stehen sollen, wenn sich Elemente überschneiden. Standardmäßig haben Creatives einen höheren Z-Index als andere Elemente auf Ihrer Seite, sodass sie immer oben stehen.

Dies ist in der Regel am besten, in einigen Fällen ist dies jedoch möglicherweise nicht vorzuziehen. Beispielsweise kann ein Dropdown-Menü durch Ihr benutzerdefiniertes eingebettetes Feedback abgedeckt werden.

Warnung: Seien Sie vorsichtig! Sie sollten das CSS des Z-Index nicht zu einem eingebetteten Ziel hinzufügen. Das Hinzufügen eines Z-Index zu anderen Elementtypen ist jedoch in Ordnung.

Das Qualtrics-Logo überschneidet sich mit einem Dropdown-Menü

So passen Sie den z-Index Ihres benutzerdefinierten eingebetteten Feedbacks an:

  1. Wechseln Sie zu Ihrer Webseite, auf der das Creative angezeigt wird, und öffnen Sie die Tools Developer Tools oder Inspect Element.
    Bild des Elementfensters beim Prüfen einer Seite
  2. Identifizieren Sie die div-Klasse, die mit „QSI“ beginnt, und kopieren Sie sie zwischen die Anführungszeichen. Ersetzen Sie dann das Leerzeichen zwischen “QSIUserDefinedHTML” und der Zeichenfolge, die mit “SI_” beginnt, durch einen Punkt (.). Im folgenden Beispiel würden wir kopieren:
    QSIUserDefinedHTML SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer

    Nachdem Sie den Bereich durch einen Punkt ersetzt haben, gibt es nun Folgendes:

    QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer

    Bild der QSI-Suche beim Prüfen der Seite

  3. Navigieren Sie in Ihrem Qualtrics-Konto zur Bearbeiten Abschnitt für Ihre Kreativität.
    Bearbeiten der Quelle in einem benutzerdefinierten HTML-Creative-Editor
  4. Doppelklicken Sie auf ein beliebiges Element, um es zu ändern oder ein neues leeres Element anzulegen.
    Warnung: Wir empfehlen, das CSS-Element Z-Index nicht zu einem eingebetteten Ziel hinzuzufügen, da möglicherweise Probleme auftreten, wenn andere Teile Ihrer Seite versehentlich abgedeckt werden. Das Hinzufügen eines Z-Index zu anderen Elementtypen ist jedoch in Ordnung.
  5. Klicken Sie oben im Rich-Content-Editor auf Quelle, um die HTML-Sicht aufzurufen.
  6. Verwenden Sie den folgenden Quelltext (einschließlich der Style-Tags), und fügen Sie ihn in die Quelle ein.
    <style type="text/css"> .QSIUserDefinedHTML{z-index:1;} </style>
  7. Ersetzen Sie “QSIUserDefinedHTML” durch die ID, die Sie in Schritt 2 abgerufen haben, und ersetzen Sie den Z-Indexwert durch den für Ihre Webseite geeigneten Wert.
    <style type="text/css"> .QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer{z-index:1;} </style>

    HTML wurde in der Quellsicht des benutzerdefinierten HTML-Creatives eingegeben

  8. Wenn der Projektcode bereits im Quelltext Ihrer Website enthalten ist, klicken Sie auf die Schaltfläche Veröffentlichen, um Ihre Änderungen an Ihrer Website zu übertragen.
  9. Wenn der Code nicht im Quellcode Ihrer Website enthalten ist, können Sie das Creative auf Ihrer Website mithilfe von Test Intercept testen und bestätigen, dass alles richtig geschichtet ist.
  10. Wenn die Schichtung immer noch nicht korrekt ist, können Sie den Z-Indexwert in eine größere Zahl ändern, um Ihr Creative höher auf der Seite zu stapeln, oder eine kleinere (sogar negative) Zahl, um sie niedriger zu stapeln.

Häufig gestellte Fragen

Viele Seiten dieses Portals wurden mithilfe maschineller Übersetzung aus dem Englischen übersetzt. Obwohl wir bei Qualtrics die bestmögliche maschinelle Übersetzung ausgewählt haben, um ein möglichst gutes Ergebnis zu bieten, ist maschinelle Übersetzung nie perfekt. Der englische Originaltext gilt als offizielle Version. Abweichungen zwischen dem englischen Originaltext und den maschinellen Übersetzungen sind nicht rechtlich bindend.