Eigenständige Creatives mobiloptimiert gestalten
Was finden Sie hier?
Tipp: Wenn Sie keinen Zugriff auf die auf dieser Seite beschriebenen Funktionen haben, wenden Sie sich an Ihren Benutzerkonto. Weitere Informationen zu den Unterschieden zwischen digitalem Feedback und CustomerXM für Digital finden Sie unter. Digitales Feedback vs. CustomerXM für Digital.
Informationen zur Mobile-Optimierung von Creatives
Die neueren, geführten Creative sind von vornherein für die Nutzung auf mobilen Geräten optimiert und erfordern weniger Einstellungen für die Nutzung auf mobilen Geräten. Diese mobilfreundlichen Creatives enthalten Responsive-Dialogfelder, Feedback-Schaltflächen und eingebettete Feedback-Vorlagen.
Es gibt jedoch auch eigenständige Creatives, die auf dem Desktop hübsch aussehen, aber auf einem Handy-Bildschirm zu groß erscheinen. Das liegt daran, dass ältere Creatives nicht für Mobilgeräte optimiert sind und zusätzliche Einstellungen erfordern, um auf mobilen Bildschirmen gut zu funktionieren. Auf dieser Seite erfahren Sie, wie Sie eigenständige Creatives wie Pop-over, Infoleisten und Schieberegler für das mobile Browsing optimieren können.
Tipp: Möchten Sie Feedback zu einer mobilen App und nicht zu einer mobilen Website einholen? Sehen Sie sich stattdessen die Seite Embedded App Feedback an.
Bildschirmauflösung
Sie können einen Intercept- oder Aktionssatz basierend auf dem Gerätetyp anzeigen. Mobile Geräte können jedoch in vielen Größen verfügbar sein, was mehr als zwei (Desktop- und mobile) Versionen eines Creative erfordern kann. Bei einigen Tablets kann das Creative, das am besten auf Ihrem Desktop aussieht, auf dem Tablet gut funktionieren.
Anstatt Anzeigelogik auf dem Gerätetyp zu basieren, ist es besser, Creatives in verschiedenen Größen zu generieren und die Logik ihrer Intercepts auf der Bildschirmgröße zu basieren.
Bildschirmauflösungslogik
Sie können die Intercept oder die Aktionssatzlogik auf Basis von Bildschirmauflösung. Sie sind nicht auf exakte Größen beschränkt – z. B. erhalten Bildschirme mit weniger als 500 px ein Creative und Bildschirme mit mehr als 500 px einen anderen.
Klicken Sie auf die verlinkte Supportseite, um eine Schritt-für-Schritt-Anleitung und eine Liste der gängigen Bildschirmgrößen zu erhalten.
Projekteinrichtung
Eingebettete Ziele formatieren
Ein eingebettetes Ziel ist nicht nur ein Link wie ein reguläres Ziel, sondern ein eingebettetes Fenster im Creative, in dem Sie die Ziel oder Umfrage anzeigen.
Viele Personen bevorzugen, dass die im Creative eingebettete Umfrage keine Blätterleisten hat. Die Eingebettete Ziele formatieren Auf der Seite werden die Änderungen behandelt, die Sie an Ihrer Umfrage vornehmen können, um dies zu erreichen.
FAQs
Ich habe mein Intercept aktiviert, aber es wird nicht auf meiner Website angezeigt. Warum nicht?
Ich habe mein Intercept aktiviert, aber es wird nicht auf meiner Website angezeigt. Warum nicht?
- Logik: Anzeigelogik und AKTIONSSATZ sind die Bedingungen, die erfüllt sein müssen, damit ein Intercept dem Besucher angezeigt wird. Die Überprüfung dieser Logik ist hilfreich, um zu entdecken, warum das Intercept nicht auf einer Seite angezeigt wird.
- Logiksätze, die "Enthält" verwenden: Eine häufige Ursache von Logikfehlern ist die Verwendung des "Contains"-Vergleichs. "Ist." Eine Bedingung "Enthält" bedeutet, dass der Parameter, auf dem die Logik basiert (d. h. die aktuelle URL), den angegebenen Mittelwert zusätzlich zu weiteren Informationen enthält. Wenn ich zum Beispiel eine Logik hätte, die lautet "Aktuelle URL enthält 'QUALTRICS'", würde dies dazu führen, dass der Intercept bei jeder URL angezeigt wird, in der das Wort QUALTRICS vorkommt. Die andere Möglichkeit, die Sie haben, ist die Verwendung von Current URL is [URL]. Diese Bedingung hängt davon ab, dass die besuchte URL eine exakte Übereinstimmung ist. Alle Unterschiede oder zusätzlichen Zeichen verhindern, dass die Intercept-Logik weiterläuft.
- Intercept Überarbeitungen: Wenn Sie Änderungen an Intercepts vornehmen, werden diese erst live geschaltet, wenn das Intercept veröffentlicht worden ist. Beim Veröffentlichen eines Interceptes wird eine Version des Interceptes, eine "Revision", gespeichert. Eine BEURTEILUNG der vorgenommenen Überarbeitungen ist sehr nützlich, um etwaige Änderungen zu erkennen, die das Auftauchen des Intercept plötzlich verhindert haben könnten.
- Debug-Fenster: Das Debug-Fenster ist ein unschätzbares Werkzeug, um zu testen, warum ein Intercept auf einer bestimmten Seite nicht angezeigt wird.
Für Intercepts, deren Bereitstellungscode vor März 2019 implementiert wurde, muss zur Aktivierung des Debug-Fensters ein Query-String mit der Bezeichnung Q_DEBUG an eine beliebige URL angehängt werden. Diesem muss ein ? oder ein & vorangestellt werden, wie in den folgenden Beispielen: https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Für Intercepts, deren BEREITSTELLUNGSCODE nach März 2019 implementiert wurde, führen Sie das folgende JavaScript-Snippet in der Konsole Ihrer Webseite aus:QSI.API.unload(); QSI.isDebug = true; QSI.API.load(); QSI.API.run();Das Debug-Fenster schlüsselt alle Bedingungen auf, die erforderlich sind, damit Intercepts, die auf der URL laufen, erscheinen. Wenn Sie feststellen, dass ein Intercept nicht angezeigt wird, suchen Sie es im Debugging-Fenster, und identifizieren Sie alle roten fehlgeschlagenen Warnungen.TIPP: Der Debugger für Website ERKENNTNISSE funktioniert nicht, wenn der Code mit einer Führungskraft (MANAGER:IN) implementiert wurde. Wenn die URL bereits einen Query-String mit einem ? enthält, verlangt der Debugger stattdessen ein &. - Netzwerkanforderung: Die meisten Browser verfügen über ein Menü für Werkzeuge für Entwickler, mit dem der Benutzer den Quellcode einer Website, Ressourcen, Cookies und Netzwerkaufrufe einsehen kann. Website ERKENNTNISSE besitzt eine deutliche Präsenz in der Netzwerksektion dieser Werkzeuge. Um zu überprüfen, ob diese Skripte laufen, öffnen Sie die Werkzeuge für Entwickler und navigieren Sie zum Abschnitt Netzwerk. Laden Sie dann die Webseite neu, und das Menü sollte nun alle von der Website gestellten Netzwerkanfragen enthalten. Um den Code von Website ERKENNTNISSE zu identifizieren, suchen Sie nach Aufrufen, die mit ?Q_ZID oder ?Q_SID beginnen. Dies ist der Code selbst, der die Anzeigelogik überprüft. Wenn Sie nichts finden, was diesem Format entspricht, dann gibt es ein Problem mit der Implementierung Ihres Projektcodes. Auf unserer SUPPORTSEITE zur Implementierung finden Sie Hinweise, wo Sie den Code am besten platzieren können.
- Probleme mit der Inhaltssicherheitsrichtlinie: Wenn Sie ein Konsolenprotokoll erhalten, das gegen eine Inhaltssicherheitsrichtlinie verstößt, liegt höchstwahrscheinlich eine Einschränkung auf Ihrer Website vor, die die Bereitstellung unserer Intercepts blockiert. Wir empfehlen, sich zur Lösung an Ihr Web-Entwicklungsteam zu wenden. Um sicherzustellen, dass Ihr Intercept funktioniert, empfehlen wir generell, die folgenden Elemente in den Headern Ihrer Content Security Policy zuzulassen:
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- skript-src https://*.qualtrics.com
- SPA URL-Behandlung: Wenn Ihre Website ein Single-Page-Application (SPA)-Framework verwendet, stellen Sie sicher, dass Ihr Code history.pushState() auslöst, wenn Sie zwischen Ansichten navigieren. Einige Frameworks können die URL neu darstellen oder aktualisieren, ohne einen neuen Verlaufseintrag zu erstellen, was dazu führen kann, dass Intercepts nicht ausgelöst werden. Wenn Sie useEffect oder ähnliche Lifecycle-Hooks verwenden, stellen Sie sicher, dass Ihre Intercept-Logik nach Abschluss der Navigation läuft.
Ich habe mein Intercept gebaut, möchte es aber vor der Aktivierung testen. Wie geht das?
Ich habe mein Intercept gebaut, möchte es aber vor der Aktivierung testen. Wie geht das?
Wie habe ich ein Creative, das auf mobilen Geräten kleiner erscheint?
Wie habe ich ein Creative, das auf mobilen Geräten kleiner erscheint?
Wenn Sie stattdessen ein Popover oder ein älteres Creative erstellen möchten, verwenden Sie hier mehrere Aktionssätze. Sie haben verschiedene Aktionssätze für mobile Endgeräte und Desktops. Außerdem haben Sie zwei verschiedene Creatives für Desktop- und mobile Geräte.
Großartig! Vielen Dank für die Rückmeldung!
Vielen Dank für die Rückmeldung!