Wenn Sie eine Tour live schalten, sehen Sie, wie viele Kunden sie im Laufe der Zeit angesehen und abgeschlossen haben. Im Tab „Probleme“ finden Sie auch eventuelle Fehler. Klicken Sie einfach auf „Probleme“, um mehr zu sehen:
Hier sehen Sie jedes Mal, wenn Ihre Tour ein Problem beim Finden eines CSS-Selectors hatte:
Ein CSS-Selector ist ein Codeabschnitt, der den Teil Ihrer Website identifiziert, auf den Ihr Zeiger zeigen soll.
Dieser Bericht erfasst ein Problem, wenn eine Tour erfolgreich an einen Kunden ausgeliefert wird, aber eines der Website-Elemente, auf das Sie zeigen möchten, auf der Seite nicht sichtbar ist. Bei einem Problem zeigt Ihr Zeiger den Kunden einen nicht-zeigenden Zustand, so wie hier:
Zur Anleitung zur Behebung von CSS-Problemen lesen Sie diesen Artikel.
Weitere zu prüfende Probleme
Es gibt auch drei Probleme, die dieser Bericht nicht anzeigt und die entweder verhindern, dass Ihre Tour gesendet oder abgeschlossen wird:
Wenn die erste Pointer-Nachricht Ihrer Tour auf ein Element zielt, das auf der Seite nicht gefunden werden kann, wird die Tour nicht gesendet. Wenn Ihre Tour niemandem angezeigt wird, sollten Sie testen, ob sie auf der Zielseite angezeigt werden kann.
☝️ Dies kann auch passieren, wenn die erste Pointer-Nachricht nicht die erste Nachricht der Tour ist. Zum Beispiel, wenn Ihre erste Nachricht ein Beitrag ist und die zweite eine Pointer-Nachricht.Wenn Sie die Option „Klicken zum Weitergehen“ verwenden, bringt Ihre Tour Kunden auf eine neue Seite. Wenn die nächste Nachricht auf ein Element zeigt, das auf der neuen Seite nicht erscheint, wird die Tour nicht fortgesetzt.
Wenn Ihre App ein feststehendes oder „sticky“ Navigationsmenü verwendet (das beim Scrollen an Ort und Stelle bleibt), kann dies beeinflussen, wie Tour-Elemente in den Sichtbereich gescrollt werden:
Bei einer festen Navigationsleiste können Tour-Zeiger falsch ausgerichtet sein im Vergleich zu dem Element, das sie hervorheben:
Um dieses Problem zu beheben, müssen Sie dem betreffenden Element eine CSS-Zeile hinzufügen:
scroll-margin-top: (height of your navbar)px;
Wenn Ihre Navbar zum Beispiel 30px hoch ist und Ihr Button die ID „button4“ hat, fügen Sie Folgendes hinzu:
#button4 {
scroll-margin-top: 30px;
}Dies stellt sicher, dass der Zeiger korrekt ausgerichtet ist. 👍
Wenn Sie niedrige Sende- oder Abschlussraten sehen, sollten Sie diese Probleme testen.
Erfahren Sie wie in dieser Anleitung zum Testen Ihrer Produkt-Tour.