Zum Hauptinhalt springen

Verwenden Sie den Messenger in Ihrer mobilen App

So installieren und verwenden Sie die nächste Generation des Messengers auf dem Handy.

Verfasst von Beth-Ann Sher

Der Messenger benötigt die neuesten mobilen SDKs, um den Nutzern die beste Erfahrung auf dem Handy zu bieten. Dieser Artikel erklärt, wie Sie den Messenger für mobile Geräte anpassen und welche Funktionen in iOS- und Android-Apps unterstützt werden.

Hinweis: Um den neuesten Mobile Messenger zu verwenden, müssen Sie die neuesten mobilen SDKs nutzen. Installationsdetails finden Sie in unseren Entwicklerdokumenten:

Sie müssen sicherstellen, dass der mobile Messenger im Intercom-Einstellungsbereich aktiviert ist. Wenn dies deaktiviert ist, schlagen alle Anfragen an Intercom fehl und es kann ein Fehler im Zusammenhang mit der loginUnidentifiedUser oder loginUser-Methode zurückgegeben werden.


Messenger für mobile Geräte anpassen

Sie können Ihren Messenger für mobile Geräte unter Einstellungen > Kanäle > Messenger > Mobile SDKs anpassen und eine Gerätevorschau für iOS oder Android auswählen.


Verfügbar in mobilen Apps

Wenn users den Messenger in Ihrer iOS- oder Android-App aufrufen, wird er als native Bottom Sheet gestartet. Dadurch wirkt der Messenger organisch eingebettet und bietet eine konsistente und nahtlose Kundenerfahrung. Der Nutzer sieht weiterhin genau, wo er sich in Ihrer App befindet, und kann dann entscheiden, wie er mit Ihnen im Messenger interagieren möchte.

Messenger-Stile konfigurieren

Die Messenger Mobile SDKs können mehrere Marken unterstützen, die Sie möglicherweise haben. Wählen Sie einen vorhandenen Messenger-Stil aus oder fügen Sie einen neuen unter dem Stile-Tab hinzu.

Mobile Messenger-Stile unterstützen auch mehrere Help Center. Stellen Sie daher sicher, dass Sie das richtige Help Center mit der Marke verbunden haben, die Sie für diesen Messenger-Stil verwenden.

Gestalten Sie jeden Messenger-Stil passend zu Ihren geschäftlichen Anforderungen. Stylen Sie ihn mit Ihrem Logo und einer Kopfzeilen-Hintergrundfarbe oder einem Bild.

Direkt in die Konversation starten

Entscheiden Sie dann, ob der Messenger direkt im Nachrichtenbereich starten soll (damit Kunden eine neue Konversation beginnen oder vorherige Nachrichten ansehen können), indem Sie "Direkt in eine Konversation starten" unter Messenger > Mobile SDKs > Inhalt aktivieren.

Diese neue Einstellung sorgt dafür, dass Ihre Kunden schneller Support erhalten, indem zusätzliche Schritte zum Starten eines neuen Chats mit Ihrem Team entfallen.

Messenger-Bereiche konfigurieren

Konfigurieren Sie nun, mit welchen Schaltflächen customers im Home-Bereich interagieren können, indem Sie die Tickets und/oder Help-Bereiche unter Messenger > Mobile SDKs > Inhalt > Bereiche hinzufügen oder entfernen. (Messages können nicht deaktiviert werden).

Customers können Konversationen starten mit Ihnen vom Home- und Messages-Bereich, wenn sie Ihren Zielgruppenregeln entsprechen.

Sie können auch tickets einreichen und deren Fortschritt im dedizierten Tickets-Bereich verfolgen (wenn Sie diesen aktiviert haben).

Begrüßungsnachricht festlegen

Entscheiden Sie, wie Sie customers im Messenger-Home-Bereich begrüßen möchten, indem Sie Ihre Begrüßungsnachricht festlegen. Ihre Begrüßungsnachricht kann für alle Ihre unterstützten Sprachen konfiguriert werden.

Home mit Apps anpassen

Unter Messenger > Mobile SDKs > Inhalt > Home mit Apps anpassen können Sie zusätzliche Apps zum Home-Bereich hinzufügen, wie z. B. Send us a message oder Search for help und andere Apps, die Sie in Ihrem Workspace installiert haben.


Unterschiede zwischen Web- und Mobile-SDKs

Bereiche

  • Web - Bereiche erscheinen als Tabs am unteren Rand des Messengers. Diese Tab-Leiste ist immer auf der obersten Ebene jedes Bereichs sichtbar.

  • Mobile SDKs - Bereiche erscheinen nur als Schaltflächen oben im Home-Bereich. Sie erscheinen nicht in anderen Bereichen.

Navigation

  • Web - Die Tab-Leiste verschwindet, wenn customers innerhalb eines Bereichs zu Inhalten navigieren (z. B. einem Artikel, einer Konversation oder einem ticket). Oben im Messenger erscheint eine „Zurück“-Schaltfläche.

  • Mobile SDKs - Customers können von jedem anderen Bereich mit der „Zurück“-Schaltfläche (oder der System-„Zurück“-Taste auf Android) zum Home-Bereich zurückkehren.

Benachrichtigungen

  • Web - Bereichs-Tabs zeigen Benachrichtigungsabzeichen an, wenn sie neue Inhalte enthalten (z. B. eine neue Nachricht in einer Konversation).

  • Mobile SDKs - Bereichs-Schaltflächen zeigen Benachrichtigungsabzeichen an, wenn sie neue Inhalte enthalten (z. B. eine neue Nachricht in einer Konversation oder eine Aktualisierung des ticket-Status).

Nachrichten in den Mobile SDKs

  • Im Nachrichtenbereich gibt es auf iOS eine Schaltfläche im Kopfbereich, um eine neue Konversation zu starten. Auf Android gibt es stattdessen eine Floating Action Button.


Android SDK

Da dies ein großes Update ist, gibt es einige API-Änderungen, die unten aufgeführt sind:

Methode - Kotlin

Beschreibung

fun present(space: IntercomSpace)

Öffnet einen bestimmten Bereich in Intercom. (Home, Messages, Help Center). Standardmäßig der Home-Bereich.

fun present()

Öffnet Intercom - Standard ist der Home-Bereich.

fun presentContent(content: IntercomContent)

Zeigt Intercom-Inhalte an. Gültige Inhaltstypen sind Artikel, Karussell, Help Center-Sammlungen.

Diese Methoden können weiterhin verwendet werden, werden aber in einer zukünftigen Version entfernt.

Methode - Kotlin

fun displayMessenger()
fun displayHelpCenter()
fun displayHelpCenterCollections(collectionIds: List<String>)
fun displayArticle(articleId: String)
fun displayCarousel(carouselId: String)
fun displaySurvey(surveyId: String)


iOS SDK

Da dies ein großes Update ist, gibt es einige API-Änderungen, die unten aufgeführt sind:

Methode - Swift

Methode - Obj-C

Beschreibung

func present(_ space:Space)
+ (void)presentIntercom:(Space)space

Öffnet einen bestimmten Bereich in Intercom. (Home, Messages, Help Center).

func present()
+ (void)presentIntercom

Öffnet Intercom - Standard ist der Home-Bereich.

func presentContent(_ content: Content)
+ (void)presentContent:(IntercomContent *)content

Zeigt Intercom-Inhalte an. Gültige Inhaltstypen sind Artikel, Karussell, Help Center-Sammlungen.

Die folgenden Methoden wurden ebenfalls vollständig veraltet:

Methode - Swift

Methode - Obj-C

func presentMessenger()
+ (void)presentMessenger
func presentHelpCenter()
+ (void)presentHelpCenter 
func presentHelpCenterCollections(_ collectionIds: [String])
+ (void)presentHelpCenterCollections:(nonnull NSArray<NSString *> *)collectionIds
func presentArticle(_ articleId: String)
+ (void)presentArticle:(nonnull NSString *)articleId
func presentCarousel(_ carouselId: String)
+ (void)presentCarousel:(nonnull NSString *)carouselId
func presentSurvey(_ surveyId: String)
+ (void)presentSurvey:(nonnull NSString *)surveyId


Abwärts- und Aufwärtskompatibilität für mobile SDKs

Es ist möglich, dass Ihr Workspace und die mobilen SDKs nicht synchron sind. Zum Beispiel können Sie den neuen Messenger in Ihren Einstellungen aktiviert haben, aber die mobilen SDKs in Ihrer App noch nicht aktualisiert haben. So funktioniert das:

Vorherige Messenger-Einstellungen

(Sie haben nicht zugestimmt.)

Neue Messenger-Einstellungen

(Sie haben zugestimmt.)

Vorheriges Messenger Mobile SDK

(weniger als v14.0.1)

Funktioniert wie zuvor. Alle vorherigen Messenger-Einstellungen werden berücksichtigt.

Die neuen Messenger-Einstellungen werden sinnvoll angewendet, um die vorherige Messenger-Erfahrung in der mobilen App darzustellen.

Einige der neuen Messenger-Funktionen funktionieren im vorherigen Messenger Mobile SDK nicht:

  • Anstelle eines Verlaufs-Hintergrunds wird eine einfarbige Farbe mit Ihrer vordefinierten Ersatzfarbe angezeigt.

  • Anstelle eines Kopfzeilen-Hintergrundbilds wird eine einfarbige Farbe mit Ihrer vordefinierten Ersatzfarbe angezeigt.

  • Externe Link-Karten werden im Home-Bereich nicht angezeigt.

Neues Messenger Mobile SDK

(v14.0.1 und höher)

Die vorherigen Messenger-Einstellungen werden sinnvoll angewendet, um die neue Messenger-Erfahrung in der mobilen App darzustellen.

Zum Beispiel:

  • Standardmäßig wird eine einfarbige Kopfzeile mit abgeschnittenem Stil (kein Verlauf) angezeigt.

Alle neuen Messenger-Einstellungen werden berücksichtigt.

Hat dies deine Frage beantwortet?