Wenn Sie möchten, dass der Messenger von einem bestimmten Button, Link oder Element in Ihrer App, Website oder mobilen App gestartet wird, können Sie einen benutzerdefinierten Launcher erstellen. Zum Beispiel können Sie den Messenger öffnen lassen, wenn ein Nutzer auf Ihren ‚Talk to us‘-Button oder das Chat-Symbol klickt.
Dieser Artikel führt Sie durch den Prozess der Erstellung eines benutzerdefinierten Launchers, damit er sich auf Ihrem Produkt, Ihrer Website oder mobilen App vollkommen zuhause fühlt.
Sie können so viele benutzerdefinierte Launcher zu Ihrem Produkt, Ihrer Website oder mobilen App hinzufügen, wie Sie möchten.
Nicht das, was Sie suchen?
Falls Sie es noch nicht getan haben, empfehlen wir, diese wesentlichen Schritte zur Anpassung des Standard-Messengers in Ihren Einstellungen durchzuführen. Und so zeigen Sie den Standard-Messenger-Launcher in Ihrer iOS- oder Android-App an.
Erstellen Sie einen benutzerdefinierten Launcher in Ihrer Web-App oder auf Ihrer Website
1. Übergeben Sie die ID des Elements, das Sie als benutzerdefinierten Launcher verwenden, um den Messenger zu öffnen (z. B. "#my_custom_link"). Oder Sie können mehrere Links angeben, indem Sie stattdessen eine Klasse übergeben (z. B. ".my_custom_class_name").
2. Fügen Sie die ID oder Klasse dem HTML-Element hinzu, das den Messenger beim Klicken öffnen soll. Zum Beispiel, wenn der Messenger geöffnet werden soll, wenn jemand auf einen Link zu Ihrer Support-E-Mail-Adresse klickt:
<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Support</a>
Hinweis: Die Angabe Ihrer Support-Adresse als Linkziel funktioniert gut als Fallback, sodass Besucher ohne aktiviertes JavaScript im Browser Ihrem Team eine E-Mail senden können.
3. Fügen Sie diese Zeile in Ihren IntercomSettings-Snippet ein:
custom_launcher_selector:'#my_custom_link'
So sieht das aus:
window.intercomSettings = {
app_id: "YOUR_APP_ID",
custom_launcher_selector:'#my_custom_link'
};
Wichtig: Sie können den Standard-Launcher deaktivieren, sodass nur Ihr benutzerdefinierter Launcher angezeigt wird.
Benutzerdefinierten Launcher mit Google Tag Manager (GTM) einrichten
Sie können auch einen benutzerdefinierten Launcher mit GTM angeben, indem Sie den Wert custom_launcher_selector unter „Custom Data Attributes“ Ihres GTM-Installations-Tags setzen.
Erstellen Sie einen benutzerdefinierten Launcher in Ihrer mobilen App
So erstellen Sie einen benutzerdefinierten Launcher in Ihrer iOS- oder Android-App und wie Sie die Anzahl der ungelesenen Unterhaltungen Ihrer users anzeigen.