Die Installation des Messengers auf Ihrer Website dauert nur wenige Minuten. Nach der Installation können Sie Ihre Besucher und leads begrüßen, mit ihnen chatten und in Kunden verwandeln.
Besucher/leads vs. Users
Website-Besucher werden zu leads, wenn sie über den Messenger kommunizieren, während Users auf Ihrer Website oder App eingeloggt sind. Der Hauptunterschied liegt in der Menge der Informationen, die Sie über sie haben. Wenn Sie Intercom für eingeloggte Users installieren, verwenden Sie diese Anleitung. Für die Installation des Messengers benötigen Sie eine Intercom-Testversion oder ein Abonnement.
Hinweis: Eine neue Installationserfahrung für den Messenger wird schrittweise eingeführt. Wenn Sie in Ihrem Workspace einen aktualisierten Installationsablauf sehen, folgen Sie stattdessen Messenger auf Ihrer Website installieren. Dieser Artikel beschreibt den vorherigen Installationsablauf.
Erstinstallation des Messengers für Besucher und leads im Web
Bevor Sie Ihre Installationsmethode wählen, berücksichtigen Sie die Anforderungen Ihrer Website:
Standard-Websites mit Messenger, der allen Besuchern zugänglich ist – Wählen Sie dies, wenn der Messenger sowohl für eingeloggte als auch ausgeloggte Besucher verfügbar sein soll.
Standard-Websites mit Messenger, der auf eingeloggte Users beschränkt ist – Wählen Sie dies, wenn der Messenger nur authentifizierten Users zugänglich sein soll.
Installation für Single-Page-Applications (SPA) – Verwenden Sie diese spezielle Methode, wenn Ihre Website als Single-Page-Application aufgebaut ist.
Gehen Sie zuerst zu Einstellungen > Messenger > Installieren und wählen Sie Für Web installieren.
Wählen Sie, wie Sie den Messenger installieren möchten
Wählen Sie eine der folgenden Methoden zur Installation:
Code-Snippet
React
Angular
Vue
Ember
WordPress
Google Tag Manager
Shopify
Segment
Jede Methode bietet spezifische Schritte bei Auswahl. Viele dieser Methoden bieten eine Installation über den Node Package Manager (NPM) zur Vereinfachung an.
Bitten Sie Ihren Entwickler um Hilfe (optional)
Falls nötig, können Sie einen Kollegen (z. B. einen Ingenieur) bitten, die Installation abzuschließen. Klicken Sie einfach auf Kollegen einladen.
Nachdem Sie deren E-Mail-Adresse eingegeben haben, wird eine Einladung per E-Mail versendet, die es ihnen ermöglicht, dem Workspace Ihres Teams beizutreten.
Der eingeladene Kollege erhält auf Advanced-/Expert-Plänen einen Lite-Sitz und auf Essential-Plänen einen Vollsitz. Er hat die minimal erforderlichen Berechtigungen zur Installation des Messengers:
Kann allgemeine und Sicherheitseinstellungen verwalten
Kann Messenger-Einstellungen verwalten
Kann Workspace-Daten verwalten
Selbst installieren
Wenn Sie Code-Snippet, React, Angular, Vue, Ember oder Shopify als Installationsmethode wählen, können Sie Intercom für Website-Besucher ohne Login installieren.
Wir empfehlen, den Messenger für Users und Besucher zu installieren.
Installieren Sie Intercom über Ihre gewählte Methode
Folgen Sie nun den Anweisungen für die von Ihnen gewählte Methode.
Wenn Sie die Methode Code-Snippet, React, Angular, Vue, oder Ember gewählt haben, erhalten Sie ein NPM-Paket mit einem Code-Snippet, das Sie in den Code Ihrer eigenen App einfügen können. Dieses Snippet ist mit Ihrer einzigartigen Workspace-ID vorausgefüllt und sofort einsatzbereit.
Sie finden das Paket auch direkt auf der NPM-Seite.
Es gibt mehrere weitere Vorlagen, z. B. das Einfügen des Code-Snippets in ein Basic JavaScript oder eine Single-Page-App, oder Sie können auch das Rails-Gem zur Installation des Snippets verwenden.
Klicken Sie auf Code kopieren und fügen Sie es vor dem </body>-Tag auf jeder Seite ein, auf der der Messenger in Ihrer App erscheinen soll.
Nachdem Sie den Code hinzugefügt haben, sehen Sie Ihre Website als Besucher an, und der Messenger erscheint.
Hinweis: Für ausgeloggte Besucher dürfen user_id, email oder user_hash in Ihrem Snippet nicht enthalten sein – nur die app_id sollte vorhanden sein. Die Weitergabe der Identität einer anderen Sitzung an einen anonymen Besucher führt zu Datenschutzproblemen. Wenn Ihr Messenger auf mehreren domains installiert ist, beachten Sie, wie Cookies zwischen domains weitergeleitet werden, um sicherzustellen, dass jeder Besucher eindeutig und konsistent identifiziert wird, ohne die Identität eines anderen Users preiszugeben.
Wenn Sie das zoom-CSS auf Ihrer Webseite verwenden, stellen Sie sicher, dass die Widgets von Intercom es nicht erhalten.
Optionen für Aussehen und Verhalten
Die erste Option ermöglicht es Ihnen, zu wählen, ob Sie den Messenger für Ihr Website-Publikum vor dem Start anzeigen oder verbergen möchten. Standardmäßig wird der Messenger angezeigt.
Die zweite Option verlinkt zu Ihren Messenger-Einstellungen, wo Sie Farben und Thema des Messengers ändern können.
Installation überprüfen
Sie können die erfolgreiche Installation überprüfen, indem Sie auf Installation überprüfen klicken. Diese Schaltfläche zeigt eine Erfolgsmeldung an, wenn der Messenger gefunden wurde, oder weist darauf hin, ob ein Fehler vorliegt.
Wenn Sie den Intercom Messenger installiert haben und er nicht korrekt angezeigt wird, finden Sie hier einige häufige Lösungen.
Erfahren Sie, wie Sie:
Intercom für einen Kunden installieren
Wenn Sie keinen Zugriff auf den Intercom-Workspace haben, können Sie hier den JavaScript-Code abrufen 👇 Sie müssen WORKSPACE_ID manuell durch die eindeutige Workspace-ID Ihres Intercom-Kontos ersetzen.
<script>
var APP_ID = "WORKSPACE_ID"; // Replace this with your workspace ID
window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
Intercom für EU- und AU-gehostete Workspaces installieren
Um Intercom zu installieren, wenn Sie unser EU- oder AU-Hosting verwenden, müssen Sie einen zusätzlichen api_base-Parameter angeben. Die Werte dafür sind in der folgenden Tabelle aufgeführt.
Region der Datenhosting |
|
Vereinigte Staaten (US) | |
Europäische Union (EU) | |
Australien (AU) |
Häufige Schritte zur Fehlerbehebung
Wenn der Messenger auf Ihrer Website nicht erscheint, können Sie diese häufigen Schritte zur Fehlerbehebung verwenden, um das Problem zu diagnostizieren.
1. Überprüfen Sie Ihre Installation
Beginnen Sie damit, zu bestätigen, dass das JavaScript-Snippet des Messengers oder Ihr ausgewähltes Plugin korrekt installiert wurde. Wenn Sie das JavaScript-Snippet verwenden, stellen Sie sicher, dass es unmittelbar vor dem schließenden `</body>`-Tag auf Ihrer Website platziert ist.
2. Überprüfen Sie vertrauenswürdige domains
Stellen Sie sicher, dass die domain Ihrer Website unter Einstellungen > Sicherheit > Vertrauenswürdige domains in Ihrem Workspace richtig konfiguriert ist. Wenn Ihre domain nicht aufgeführt ist, wird der Messenger nicht geladen.
3. Überprüfen Sie die Identitätsprüfung
Wenn Sie die Identitätsprüfung aktiviert haben, überprüfen Sie, ob sie korrekt eingerichtet ist. Eine Fehlkonfiguration kann einen 403-Fehler verursachen und verhindern, dass der Messenger auf Ihrer Website geladen wird.
4. Deaktivieren Sie Werbeblocker und privaten Modus
Bestimmte Browserfunktionen und Erweiterungen, wie Werbeblocker und private Browsing-Modi, können den Messenger stören. Versuchen Sie, diese vorübergehend zu deaktivieren, um zu sehen, ob der Messenger sichtbar wird.
Hinweis: Die Identitätsprüfung ist eine zusätzliche Sicherheitsmaßnahme. Wenn sie erzwungen wird, aber nicht korrekt auf Ihrer Website konfiguriert ist, kann ein 403-Fehler auftreten.