Benutzerdefiniertes eingebettetes Feedback

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.

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.

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.
   
   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.
   
5. Fügen Sie die HTML-ID Ihres Ziel-Containers in das Feld Creative Insertion Point ein.
   
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.

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.

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.

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.

Nach Zielcontainer einfügen

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

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.

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

   

3. Navigieren Sie in Ihrem Qualtrics-Konto zur Bearbeiten Abschnitt für Ihre Kreativität.
   
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>

   

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