Den WhatsApp Share Button in HTML implementieren

WhatsApp bietet neuerdings (Dieser Artikel wurde 2014 geschrieben) einen Share Button. Buzzfeed testet ihn schon seit Anfang an, hatte ihn jetzt aber jüngst wieder entfernt. Der Button bietet die sehr praktische Möglichkeit, einen Artikel über WhatsApp zu teilen. Das hat mich natürlich sehr interessiert und ich habe mir den Button mal etwas genauer angeschaut. :)

Wie geht das? ¶

Hinter dem whatsapp Button liegt ein einfacher Link, welcher einen sogenannten native Deeplink direkt in die WhatsApp App hinein erzeugt und so der App einen Text übergibt. Ähnlich wie einen mailto:-Link kann diesen Link jeder in seine eigenen Website einbauen. Und zwar so:

<a href="whatsapp://send?text=Text durch native Deeplink!">Send</a>

Bist du mobil auf der Seite? Dann kannst du den Code direkt hier testen.

Wie sieht das aus? ¶

Nachdem man auf den Link geklickt hat, öffnet sich WhatsApp mit dem Inhalt, welcher hinter ?text übergeben wurde. Das sieht dann so aus:

Worauf ist zu achten? ¶

Inzwischen funktioniert der Button sowohl für iOS als auch für Android und Windows Mobile. Beim Mac OS Betriebssystem öffnet sich die Desktop-WhatsApp App.

Bei der Implementierung muss des Weiteren darauf geachtet werden, dass nicht WhatsApp-Buttons von Drittanbietern geklaut werden, bei denen das Copyright nicht geklärt ist.

Was passiert, wenn WhatsApp nicht installiert ist? ¶

Wenn WhatsApp nicht installiert ist, wird der Nutzer in den App-Store geführt (In iOS und Mac OS auf jeden fall). Dort kann er sich WhatsApp dann installieren. Allerdings ist die Conversion für den Klick dann quasi beendet. Der Nutzer muss sich ja erst mal für WhatsApp anmelden und seine Freunde finden, bzw. zumindest einloggen und einen alten Account wieder reaktivieren.

Dies kann man Abfangen, um falscher Erwartungshaltung vorzubeugen, indem man den Nutzer vor dem Buttonklick vielleicht noch einmal fragt: Hast du WhatsApp installiert?

Fazit ¶

Ein wirklich einfaches wie effektives Mittel. Es ist im Gegensatz zum Facebook Button noch nicht mal Javascript o.ä. benötigt, sondern man bedient sich den nativen Funktionen des Betriebssystems. Die Möglichkeit ist also sehr leichtgewichtig und passt damit optimal zu einer einfachen mobilen App, wie es WhatsApp nun mal ist.