Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Benutzerdefiniertes eingebettetes 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.

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.

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

Implementieren von benutzerdefiniertem eingebettetem Feedback

Generieren Sie ein benutzerdefiniertes eingebettetes Feedback-Creative.
Achtung: Der Name Ihres Creatives darf 100 Zeichen nicht überschreiten.
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.

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“.
Erstellen Sie ein Intercept.
Wählen Sie im Menü Optionen der Aktion Ihres Intercepts die Option Erweiterte Optionen.
Fügen Sie die HTML-ID Ihres Ziel-Containers in das Feld Creative Insertion Point ein.
Klicken Sie auf Speichern.
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.

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.

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

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.

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

Wechseln Sie zu Ihrer Webseite, auf der das Creative angezeigt wird, und öffnen Sie die Tools Developer Tools oder Inspect Element.
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
```
Navigieren Sie in Ihrem Qualtrics-Konto zur Bearbeiten Abschnitt für Ihre Kreativität.
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.
Klicken Sie oben im Rich-Content-Editor auf Quelle, um die HTML-Sicht aufzurufen.
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>
```
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>
```
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.
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.
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.