WhatsApp

Wie integriere ich einen WhatsApp-Link in eine mobile App?

Melden
  1. Einführung
  2. Grundprinzip des WhatsApp-Links
  3. WhatsApp-Link mit vorgefertigter Nachricht
  4. Integration in eine mobile HTML-App
  5. Integration in native Apps (Android / iOS)
  6. Wichtige Hinweise zur Nutzung
  7. Fazit

Einführung

Das Einfügen eines WhatsApp-Links in eine mobile App ermöglicht es Nutzern, schnell und direkt über WhatsApp mit Ihnen oder Ihrem Support-Team in Kontakt zu treten. WhatsApp bietet hierzu eine einfache URL-Schnittstelle, die man verwenden kann, um einen Chat mit einer vorgegebenen Telefonnummer oder sogar mit vorformulierten Nachrichten zu öffnen. Die Integration ist relativ einfach und kann in HTML oder in der nativen mobilen Entwicklungsumgebung eingebunden werden.

Der Basis-WhatsApp-Link verwendet das Schema https://wa.me/, gefolgt von der internationalen Telefonnummer ohne Pluszeichen oder Leerzeichen. Eine mögliche URL sieht zum Beispiel so aus:

https://wa.me/491234567890

Ersetzt man 491234567890 mit der eigenen Telefonnummer im internationalen Format (für Deutschland z. B. 49 am Anfang), wird beim Aufruf des Links die WhatsApp-App geöffnet und ein Chat mit dieser Nummer gestartet.

Es ist auch möglich, eine Nachricht vorab innerhalb des Chats einzufügen. Dafür wird der Link um den Parameter text ergänzt, der eine URL-kodierte Nachricht enthält. Zum Beispiel:

https://wa.me/491234567890?text=Hallo%20ich%20habe%20eine%20Frage

Wichtig ist, dass die Nachricht URL-kodiert (z.B. Leerzeichen mit %20) übertragen wird, damit Zeichensalat vermieden wird.

Integration in eine mobile HTML-App

Innerhalb einer mobilen App, die HTML nutzt (beispielsweise eine WebView), kann der Link über einen einfachen Anchor-Tag eingefügt werden. Das kann beispielsweise so aussehen:

<a href="https://wa.me/491234567890" target="_blank" rel="noopener">Kontakt via WhatsApp</a>

Das Attribut target="_blank" öffnet den Link in einem neuen Fenster oder externen Browser bzw. der WhatsApp-App und rel="noopener" sorgt für Sicherheit.

Integration in native Apps (Android / iOS)

In nativen Apps verwendet man je nach Framework unterschiedliche Ansätze, um WhatsApp aufzurufen. Hier ein kurzer Überblick:

Android: Man kann einen Intent erstellen, der die WhatsApp-App startet und die Nummer sowie eventuell eine vorgefertigte Nachricht übergibt. Beispielsweise in Java:

Intent intent = new Intent(Intent.ACTION_VIEW);String url = "https://wa.me/491234567890?text=Hallo%20ich%20habe%20eine%20Frage";intent.setData(Uri.parse(url));startActivity(intent);

Damit wird WhatsApp geöffnet, wenn es installiert ist. Falls WhatsApp nicht installiert ist, sollte man eine Fehlerbehandlung einbauen.

iOS: Für iOS-Apps kann man über den URL-Scheme whatsapp://send?phone=491234567890&text=Hallo%20ich%20habe%20eine%20Frage WhatsApp direkt öffnen:

let urlString = "whatsapp://send?phone=491234567890&text=Hallo%20ich%20habe%20eine%20Frage"

if let url = URL(string: urlString.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)!) {

if UIApplication.shared.canOpenURL(url) { UIApplication.shared.open(url) } else { // WhatsApp ist nicht installiert, alternativ den Benutzer informieren }}

if let url = URL(string: urlString.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)!) {

Wichtige Hinweise zur Nutzung

Beachten Sie stets, dass der WhatsApp-Link nur funktioniert, wenn der Nutzer WhatsApp auf seinem Gerät installiert hat. Bei Integration in eine mobile App ist es empfehlenswert, vor dem Versuch, WhatsApp zu öffnen, zu prüfen, ob die App vorhanden ist, um Fehlermeldungen oder Abstürze zu vermeiden.

Außerdem sollte die Nummer im internationalen Format ohne Sonderzeichen eingegeben werden. Die Nachricht muss URL-kodiert sein, wenn Sonderzeichen oder Leerzeichen enthalten sind, um Probleme beim Link-Aufruf zu vermeiden.

Fazit

Das Einbinden eines WhatsApp-Links in eine mobile App ist unkompliziert und kann entweder direkt über einen Web-Link oder über native Funktionen der App-Entwicklung realisiert werden. So ermöglichen Sie Ihren Nutzern eine schnelle und einfache Kontaktmöglichkeit über WhatsApp.

0
0 Kommentare