Beim Designen Ihrer Product Tour müssen Sie zuerst eine Website auswählen, auf der Sie sie erstellen möchten:
Manchmal erscheint der Tour-Builder (diese blaue Leiste 👇) nicht, wenn Sie Ihre Website öffnen.
Wenn Sie den Tour-Builder nicht sehen können, sollten Sie drei Dinge überprüfen:
Überprüfen Sie, ob der Messenger auf Ihrer Website installiert ist
Um eine Product Tour zu gestalten, muss der Messenger auf der Website installiert sein, auf der Sie sie erstellen möchten. Wenn er nicht installiert ist, lädt der Tour-Builder nicht. Zum Beispiel, wenn Sie eine Tour in Ihrem Produkt erstellen möchten, aber den Messenger nur für ausgeloggte Besucher installiert haben, erscheint der Tour-Builder nicht in Ihrem Produkt.
Wenn Sie den Messenger nicht installiert haben, lesen Sie diese Anleitungen, um zu starten:
Wenn Sie eine Tour für ausgeloggte Besucher erstellen, sollten Sie den Messenger auf Ihrer Website installieren.
Wenn Sie eine Tour für eingeloggte users erstellen, sollten Sie den Messenger in Ihrem Produkt installieren.
Ist Ihre Website in einem iframe eines Drittanbieters eingebettet?
Product Tours funktionieren nicht auf einer Seite, auf der Ihre Website in einem iframe eines Drittanbieters eingebettet ist.
Der Intercom Messenger wird immer in einem eigenen iframe gerendert, was erwartetes Verhalten ist und nicht geändert werden kann. Wenn Ihre Website oder Ihr Produkt jedoch selbst in einem iframe eines Drittanbieters geladen wird (z. B. eine Shopify App oder ein Figma Plugin), kann der Messenger keine Informationen von der übergeordneten Seite mit dem iframe abrufen.
In diesen Fällen werden Product Tours nicht unterstützt.
Ändert Ihre Website window.opener?
Der Tour-Builder verwendet die window.opener-Eigenschaft, um mit der Intercom-App zu kommunizieren. Wenn diese Eigenschaft durch das Javascript Ihrer Website (oder eine von Ihnen verwendete Bibliothek) überschrieben wird, funktioniert der Tour-Builder nicht.
Überprüfen Sie Ihren Cross-Origin-Opener-Policy-Header
Wenn der Tooltip-Builder trotz Messenger-Installation keine Tools auf Ihrer Website lädt, überprüfen Sie den Cross-Origin-Opener-Policy-Header. Dieser Header kann die Kommunikation zwischen dem Builder und dem Messenger blockieren. Wenn Ihr Cross-Origin-Opener-Policy-Header einen anderen Wert als den Standard unsafe-none hat, wird das Setzen von window.opener verhindert und der Tour-Builder lädt nicht. Aktualisieren Sie den Header auf unsafe-none oder entfernen Sie ihn, damit der Builder korrekt funktioniert.
Der Cross-Origin-Opener-Policy muss nur während des Erstellens der Tour auf "unsafe-none" gesetzt sein, damit die Tools des Tour-Builders angezeigt werden und funktionieren. Nach Fertigstellung der Tour kann die Einstellung "unsafe-none" auf den bevorzugten Wert geändert werden – die Einstellung beeinflusst nicht, wie oder wann eine "Live"-Tour dem Endnutzer angezeigt wird.
Leert Ihre Website den Session Storage?
Der Tour-Builder speichert einige Werte im Session Storage Ihrer Website (Schlüssel beginnend mit intercom.intercom-snippet__intersection-), um mit der Intercom-App zu kommunizieren. Wenn Ihre Website den Session Storage während der geöffneten Builder-Sitzung leert, z. B. durch Aufruf von sessionStorage.clear() beim Laden der Seite statt nur beim Logout, zeigt der Elementauswähler diesen Fehler und der Schritt kann nicht gespeichert werden:
"Der Elementauswähler hat keine Antwort vom Editor erhalten. Bitte schließen Sie dieses Fenster und versuchen Sie es erneut."
Zur Überprüfung führen Sie Object.keys(sessionStorage) in der Browser-Konsole aus, während der Builder geöffnet ist. Wenn keine intercom.intercom-snippet__intersection--Schlüssel erscheinen, bitten Sie Ihre Entwickler, den Session Storage nur beim Logout zu leeren.
Stellen Sie sicher, dass Sie im richtigen Intercom Workspace sind
Wenn Sie mehrere Intercom Workspaces haben (z. B. für verschiedene Websites), stellen Sie sicher, dass der Workspace, in dem Sie die Tour gestalten, auch auf der Seite installiert ist, auf der Sie sie erstellen.
Um dies zu überprüfen, sehen Sie sich die Workspace-ID in der URL der Product Tours-Seite in Intercom an:
Öffnen Sie dann die Konsole Ihres Browsers auf der Seite, auf der Sie Ihre Tour erstellen, und fügen Sie folgenden Befehl ein: window.intercomSettings.app_id:
Wenn diese IDs nicht übereinstimmen, müssen Sie zum richtigen Workspace in Intercom wechseln und dort mit dem Erstellen der Tour beginnen.
Hinweis: Diese Methode funktioniert nur mit der Standard-JavaScript-Installation.
Greifen Sie mit einer IP-Adresse auf Ihre Seite zu?
Damit der Product Tour Builder lädt, müssen Sie Ihre Website mit einer vollqualifizierten domain wie https://www.examply.com öffnen, nicht mit einer IP-Adresse wie 123.4.5.67.
Erstellen Sie Ihre Tour in einem Modal- oder Dialogfenster?
In einigen Modal- und Dialogfenstern (Pop-ups) macht „Focus trapping“ das Eingeben von Inhalten in die Nachrichten der Tour unmöglich.
Wenn Sie hier versuchen zu tippen:
Springt der Fokus stattdessen zu einem anderen Element. (Dies ist möglicherweise nicht sichtbar):
Dies betrifft nur die Erstellung der Tour, nicht die Anzeige für Ihre Kunden. Wenn Sie „Focus trapping“ vorübergehend deaktivieren, um Ihre Tour zu erstellen, können Sie es danach wieder aktivieren, und die Tour wird ohne Probleme an die Kunden gesendet.
Sie sollten mit einem Ingenieur oder Entwickler in Ihrem Team klären, ob Sie Focus trapping verwenden und es vorübergehend deaktivieren lassen.
Haben Sie weiterhin Probleme?
Wenn Sie den richtigen Workspace auf Ihrer Website installiert haben und der Tour-Builder trotzdem nicht lädt, chatten Sie mit uns im Messenger, wir helfen Ihnen gerne.