Den WhatsApp Share Button implementieren

Wie ihr oben seht, bietet WhatsApp neuerdings einen Share Button. Buzzfeed teste ihn schon seit Anfang des Jahres, 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. Und diesen Link kann jeder in seine eigenen Website einbauen. Und zwar so:

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

Wie sieht das aus?

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

WhatsApp Sharing Button

Worauf ist zu achten?

Inzwischen funktioniert der Button sowohl für iOS als auch für Android und Windows Mobile. Wichtig ist, dass der Button auch nur Nutzern auf mobilen Geräten angezeigt wird.

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.

Fazit

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

Übrigens

Sharing:
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedIn

Veröffentlicht von Klaus Breyer

Hat Software Engineering studiert und 2010 die Social Media Agentur buddybrand mitgegründet. War dort bis 2015 als technischer Geschäftsführer / Chief Technology Officer verantwortlich für die Implementierung von Technologien und Innovationen im Marketing-Kosmos. Seit 2016 nun Mitgründer und CTO von BuzzBird, der #1 Plattfform für automatisiertes Influencer Marketing.

Immer auf der Suche nach Trends und technischen Herausforderung liegt der Fokus aktuell auf der Entwicklung neuer Geschäftsmodelle und Engagements als Business Angel. Kann auch als Freelance CTO und Berater gebucht werden.

17 Gedanken zu „Den WhatsApp Share Button implementieren“

  1. „Worauf ist zu achten?

    Inzwischen funktioniert der Button sowohl für iOS als auch für Android. Ihr dürft aber trotzdem den WhatsApp Button nur den entsprechenden Nutzer anzeigen.“

    Genau das ist mein gegenwärtiges Problem. Wie kann ich es nur Usern anzeigen, die auch WhatsApp instaliert haben? Bei jemandem der kein WhatsApp hat öffnet sich eine neue Seite mit totem Link.

  2. Und wo sind jetzt die Nachteile? Dachte bei der Überschrift ich würde was neues, oder mir unbekanntes erfahren, aber der Artikel ist einfach zu schwach. Es wurde nicht mal ganz recherchiert wer der Besitzer ist.
    Aber nun mal zu den Vorteilen, benutze WA+ schon seit 2 Jahren.
    – Rechte sind die selben wie bei der Standard App.
    – Teuer?! Man muss ja die Plus Widget Funktion nicht kaufen. Mittlerweile hat man ja ein Standard Widget.
    – Kopie? Wie nennt man das doch gleich wenn die Kopie besser ist als das Original?
    – Was geschieht mit den Daten? Naja das übliche. Google, Facebook, NSA, BND und wer sonst noch will, wird das schon speichern. Was kümmert mich da ein Spanier der in Holland lebt.
    (By the way: Es war vor ein paar Jahren, Rathäusern erlaubt personenbezogene Daten, jedes Einwohners zu verkaufen. Werbegesellschaften haben sich gefreut. Zum Glück wurde das Gesetz widerrufen.)

    Vorteile von WA+:
    Man kann jede Schrift- Bildgröße bearbeiten. Jede Farbe und Transparenz. Header Body alles einzeln. Außerdem gibt es coole Skins für jeden Geschmack. Farbe vom App Symbol, Farbe App Symbol in der Notification Bar.
    UND: man bekommt schon Monate früher als beim Standard neue Funktionen. Z.B. Zahl am WA Zeichen für ungelesene Nachrichten.
    Für experimentierfreudige nur zu empfehlen.

    1. Hey,

      ich bin mir nicht sicher, ob du bei mir im richtigen Artikel gelandet bist. Es geht hier darum den WhatsApp Button einzubinden. Ich erzählte gar nichts über WA+.

      Wie bist du auf diesem Artikel gelandet?

      Cheers,
      Klaus

  3. Ich habe den Link auf der Website eingebaut, es führt auf eine leere Seite, jedenfalls ist da nichts von WhatsApp zu sehen. Kann es sein, dass mein Andriod Smartphone zu alt ist (auch der Browser)? Das Smartphone habe ich vor 4 Jahren gekauft.

    Für mich wäre es interessant, da die Kunden mir die Fotos für die Karikatur gleich per WhatsApp von meiner Site aus senden könnten, da ja schon so sehr viele Leute Mobil surfen.

    1. Und leider eignet sich der Button nicht das deine Kunden ihnen etwas senden können. Der Button ist dafür da, damit du Nutzern anbieten kannst Inhalte deiner Website an ihre Freunde zu verschicken.
      Wenn du selbst Inhalte über whatsapp bekommen willst, dann reicht es ja aus deine Whatsapp Nummer bereitzustellen. Die können Besucher dann hinzufügen und dir etwas senden. Wie unter normalen Freunden.

    1. Es gibt eine ganz einfache Erklärung dafür. Sonderzeichen können in URLs nicht im Klartext versendet werden. Daher müssen sie (nach RFC 3986) durch ein Prozentzeichen (%) gefolgt von zwei Hexadezimalwerten codiert werden

      MIt PHP funktioniert das so:
      <?php
      $text = 'Der zu verschickende Text kommt hier rein.';
      echo 'Send‚;
      ?>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.