Erstellen eines mobilen Chatflows mit dem Mobile Chat SDK (BETA)

Sie können einen mobilen Chatflow in HubSpot erstellen und das SDK für den mobilen Chat verwenden, um die Chatfunktion von HubSpot in eine iOS- oder Android-App zu integrieren. Mit dem SDK für mobile Chats können Sie einen kontextbezogenen Support anbieten und andere HubSpot-Self-Service-Funktionen wie die Integration eines Bots oder einer Wissensdatenbank in Ihr Chat-Erlebnis nutzen.

Einen mobilen Chatflow erstellen

So erstellen Sie einen mobilen Chatflow in HubSpot, der mit dem mobilen SDK integriert wird:

• Gehen Sie in Ihrem HubSpot-Account zu Automatisierungen > Chatflows.
• Klicken Sie oben rechts auf Chatflow erstellen.
• Klicken Sie auf Mobile.

• Klicken Sie auf das obere Dropdown-Menü , um einen bestimmten Helpdesk oder Posteingang auszuwählen, mit dem der Chatablauf verknüpft werden soll.
• Klicken Sie auf das Dropdown-Menü Sprache und wählen Sie eine Sprache aus.
• Geben Sie ein mobile tag ein:
  • Ein mobiles Tag ist erforderlich, damit HubSpot feststellen kann, welchen Chatflow Sie in Ihrer App anzeigen möchten. Ihre Entwickler sollten dieses Tag in die zugehörige Konfigurationsdatei Ihrer Anwendung aufnehmen, damit Ihr Chatflow richtig identifiziert werden kann.
  • Mehrere Chatflüsse können denselben mobilen Tag verwenden. In diesem Fall wird der Chatverlauf mit der höchsten Prioritätsstufe in Ihrer App angezeigt. Erfahren Sie mehr über die Anpassung der Priorität Ihrer Chatflows in diesem Artikel.

• Klicken Sie auf Weiter.
• Wählen Sie auf der Seite Chatflow in der linken Seitenleiste eine Live-Chat-Option aus:
  • Wenn Sie möchten, dass ein Besucher über Ihre App sofort einen Chat mit Ihnen und Ihrem Team beginnen kann, wählen Sie Live chat.
  • Wenn Sie ein Benutzer in einem Service Hub Professional oder Enterprise Konto sind und mindestens drei veröffentlichte Wissensdatenbank-Artikel haben, können Sie Wissensdatenbank-Suche & Live-Chat auswählen, um die Option hinzuzufügen, die Wissensdatenbank direkt von Ihrer App aus zu durchsuchen.
• Klicken Sie auf Erstellen.

Implementierung des SDK

Um die Konfigurationsdatei zu finden, müssen Sie mit der Entwicklung und Implementierung des SDK für mobile Chats beginnen:

• Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
• Navigieren Sie in der linken Seitenleiste zu Posteingang & Help Desk > Posteingänge.
• Bewegen Sie den Mauszeiger über den Kanal, den Sie in Ihrer App anzeigen möchten, und klicken Sie auf Bearbeiten.
• Klicken Sie auf der Registerkarte Channels auf Mobile SDK in der linken Seitenleiste.
• Klicken Sie je nach Plattform, für die Sie entwickeln, auf die Registerkarte iOS-Einstellungen oder Android-Einstellungen.
• Klicken Sie unter Konfigurationsdatei auf In Zwischenablage kopieren, um den Inhalt der Konfigurationsdatei in Ihre Zwischenablage zu kopieren, oder klicken Sie auf Code herunterladen, um die Konfigurationsdatei direkt herunterzuladen.

Verwenden Sie diese Konfigurationsdatei, wenn Sie Ihre iOS- oder Android-App entwickeln. Weitere Informationen zu den ersten Schritten finden Sie unter den unten stehenden Links zur Entwicklerdokumentation:

• iOS:
  • SDK
  • Dokumentation
• Android:
  • SDK
  • Dokumentation
  • Hosting von Binärdateien

Bitte beachten Sie: Sie können ein hybrides Framework mit dem SDK für mobile Chats verwenden (z. B. React Native, Flutter, Ionic usw.), aber Sie müssen Ihre eigenen Hooks für die zugehörigen iOS- und Android-APIs entwickeln, um das SDK zu implementieren.

Bestätigung der erfolgreichen Implementierung in HubSpot

Sobald Sie die Implementierung des SDK in Ihrer Anwendung abgeschlossen haben, geben Sie ein App-Update heraus, damit Ihre Kunden das neue Chat-Widget in Ihrer Anwendung nutzen können. Sie können dann in Ihren HubSpot-Posteingangseinstellungen bestätigen, dass das Widget erfolgreich installiert wurde:

• Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
• Navigieren Sie in der linken Seitenleiste zu Posteingang & Help Desk > Posteingänge.
• Überprüfen Sie die Liste der verknüpften Kanäle auf der Registerkarte Kanäle. Der Status für Mobile in der Zeile Chat sollte grün angezeigt werden.

Mobile Eigenschaften in Berichtswerkzeugen

Sobald Ihre Kunden Ihr eingebettetes Chat-Widget verwenden, können Sie mithilfe der Reporting-Tools von HubSpot detaillierte Chat-Einblicke und Analytics erstellen.

Die folgenden mobilfunkspezifischen Eigenschaften sind verfügbar:

• Plattform: die spezifische Plattform des Geräts (d.h. iOS, Android, Web).
• Gerätemodell: das spezifische Modell des Geräts (z. B. iPhone 12, Samsun Galaxy S21 usw.).
• OS-Version: die Version des Betriebssystems des Geräts des Nutzers (z. B. iOS 17, Android 14 usw.).
• Geräteausrichtung: ob der Benutzer die App während des Chats horizontal oder vertikal betrachtet hat.
• Bildschirmauflösung: die Bildschirmauflösung des mobilen Geräts des Benutzers während des Chats.
• Akkustand: Akkustand des mobilen Geräts des Benutzers während des Chats.
• Benachrichtigungsberechtigung: ob der Nutzer Benachrichtigungen auf seinem mobilen Gerät aktiviert hat.
• Kamerazulassung: , ob der Benutzer auf seinem mobilen Gerät die Berechtigung für die Fotobibliothek aktiviert hat.
• Standortberechtigung:, ob der Benutzer die Standortberechtigung auf seinem mobilen Gerät aktiviert hat.
• Standort: ermöglicht es der App optional, geografische Koordinaten für den Benutzer anzugeben.