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 Entwickler-Dokumenten:

Sie müssen sicherstellen, dass der mobile Messenger in Einstellungen > Channels > Messenger > Install 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 auf dem Handy unter Einstellungen > Channels > Messenger > Mobile SDKs anpassen und eine Vorschau für iOS oder Android auswählen.


Verfügbar in mobilen Apps

Wenn users den Messenger in Ihrer iOS- oder Android-App öffnen, startet er als native Bottom Sheet. So wirkt der Messenger organisch eingebettet und bietet eine konsistente und nahtlose Nutzererfahrung. Der user 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 Tab Stile hinzu.

Mobile Messenger-Stile unterstützen auch multi-brand Help Center. Stellen Sie 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äftsanforderungen. 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 customers eine neue Konversation beginnen oder vorherige Nachrichten ansehen können), indem Sie "Direkt in eine Konversation starten" unter Messenger > Mobile SDKs > Content aktivieren.

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

Messenger-Bereiche konfigurieren

Konfigurieren Sie nun, mit welchen Buttons customers im Home-Bereich interagieren können, indem Sie die Tickets und/oder Help-Bereiche unter Messenger > Mobile SDKs > Content > Spaces 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

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

Home mit Apps anpassen

Unter Messenger > Mobile SDKs > Content > Customize home with apps 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 Buttons oben im Home-Bereich. Sie erscheinen nicht in anderen Bereichen.

Navigation

  • Web - Die Tab-Leiste verschwindet, wenn customers innerhalb eines Bereichs navigieren (z. B. zu einem Artikel, einer Konversation oder einem ticket). Ein „Zurück“-Button erscheint oben im Messenger.

  • Mobile SDKs - Customers können mit dem „Zurück“-Button (oder dem System-„Zurück“-Button auf Android) von jedem Bereich 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-Buttons zeigen Benachrichtigungsabzeichen an, wenn sie neue Inhalte enthalten (z. B. eine neue Nachricht in einer Konversation oder ein Ticket-Status-Update).

Nachrichten in den Mobile SDKs

  • Im Messages-Bereich gibt es auf iOS einen Button in der Kopfzeile, um eine neue Konversation zu starten. Auf Android gibt es stattdessen einen 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 - standardmäßig 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 - standardmäßig 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 kann der neue Messenger in Ihren Einstellungen aktiviert sein, aber die mobilen SDKs in Ihrer App noch nicht aktualisiert sein. So funktioniert das:

Vorherige Messenger-Einstellungen

(Sie haben nicht zugestimmt.)

Neue Messenger-Einstellungen

(Sie haben zugestimmt.)

Vorherige 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 nicht im vorherigen Messenger Mobile SDK:

  • 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?