it-swarm.com.de

Freigeben eines Links auf WhatsApp von der mobilen Website (nicht Anwendung) für Android

Ich habe eine Website entwickelt, die hauptsächlich in Mobiltelefonen verwendet wird.
Ich möchte Benutzern erlauben, Informationen direkt von der Webseite in WhatsApp zu teilen.

Bei der UserAgent-Erkennung kann ich zwischen Android und iOS unterscheiden.
Ich konnte feststellen, dass ich die URL verwenden kann, um das obige in iOS zu implementieren:

href="whatsapp://send?text=http://www.example.com"

Ich bin immer noch auf der Suche nach der Lösung, die verwendet wird, wenn das Betriebssystem Android ist (da das oben genannte nicht funktioniert).
Ich denke, es hängt irgendwie mit der Verwendung von "Absicht" in Android zusammen, aber ich konnte nicht herausfinden, wie es als Parameter für href funktioniert.

166
Yochai

Ich habe es gerade auf einer Website gesehen und scheint jetzt auch auf dem neuesten Android-Gerät mit aktuellem Chrome und WhatsApp zu funktionieren! Gib dem Link einen neuen Schuss!

<a href="whatsapp://send?text=The text to share!" data-action="share/whatsapp/share">Share via Whatsapp</a>

Heute wieder überprüft (17th April 2015):
Funktioniert für mich auf iOS 8 (iPhone 6, neueste Versionen) Android 5 (Nexus 5, neueste Versionen).

Es funktioniert auch unter Windows Phone.

269
Manuel

Die obigen Antworten sind etwas veraltet. Diese Methoden funktionieren zwar, aber mit der unten beschriebenen Methode können Sie beliebigen Text für eine vordefinierte Nummer freigeben. Die folgende Methode funktioniert für Android, WhatsApp Web, IOS usw.

Sie müssen nur dieses Format verwenden:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

UPDATE-- Verwenden Sie ab jetzt (Nov-2018)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

Verwenden Sie: https://wa.me/15551234567

Verwenden Sie nicht: https://wa.me/+001-(555)1234567

Um einen eigenen Link mit einer vorgefüllten Nachricht zu erstellen, wird automatisch im Textfeld eines Chats angezeigt werden, verwenden Sie https://wa.me/whatsappphonennummer/?text=urlencodedtext wo whatsappphonennummer ist eine vollständige Telefonnummer im internationalen Format und URL-codierter Text ist die URL-codierte vorgefüllte Nachricht.

Beispiel: https://wa.me/15551234567?text=I 'm% 20investierte% 20in% 20your% 20car% 20für% 20sale

Verwenden Sie zum Erstellen eines Links mit einer bereits ausgefüllten Nachricht https://wa.me/?text=urlencodedtext

Beispiel: https://wa.me/?text=I 'm% 20auf% 20über% 20die% 20Appartment% 20-Liste

Nachdem Sie auf den Link geklickt haben, wird Ihnen eine Liste der Kontakte angezeigt. kann Ihre Nachricht an senden.

Weitere Informationen finden Sie unter https://www.whatsapp.com/faq/de/general/26000030

67
ad08

Derzeit ist dies sehr einfach zu erreichen. Sie müssen lediglich den folgenden Code zu Ihren Seiten hinzufügen:

<a href="whatsapp://send?text=<<HERE GOES THE URL ENCODED TEXT YOU WANT TO SHARE>>" data-action="share/whatsapp/share">Share via Whatsapp</a>

Und das ist es. Kein Javascript benötigt, sonst nichts nötig. Natürlich können Sie es nach Belieben gestalten und ein Nice Whatsapp-Symbol hinzufügen.

Ich habe dies auf meinem Android-Gerät mit Google Chrome getestet. Die Versionen:

  • Android 4.1.2 (Jelly Bean)
  • Chrome Mobile 37.0.2062.117. Auch getestet auf Firefox Mobile 31.0.
  • WhatsApp V 2.11.399

Es funktioniert auch auf iOS. Ich habe mit Safari einen schnellen Test auf einem iPhone 5 gemacht und es funktioniert auch.

Hoffe das hilft jemandem. :-)

38
juangalf

Vor kurzem wurde WhatsApp auf seiner offiziellen Website aktualisiert , die wir benötigen, um dieses HTML-Tag zu verwenden.

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Sie können text= ersetzen, um einen Link oder Textinhalt zu erhalten

13
Aadil Keshwani

Laut der neuen Dokumentation lautet der Link nun: 

<a href="https://wa.me/?text=urlencodedtext">Share this</a>
12
Vincent Decaux

Ich befürchte, dass WhatsApp für Android das Aufrufen über einen Webbrowser derzeit nicht unterstützt.

Ich hatte die gleiche Anforderung für mein aktuelles Projekt, und da ich keine richtigen Informationen finden konnte, lud ich die APK-Datei herunter.

Wenn in Android eine Anwendung über einen Webbrowser aufgerufen werden soll, muss eine Aktivität mit der Kategorie Android.intent.category.BROWSABLE definiert werden.

Weitere Informationen hierzu finden Sie hier: https://developers.google.com/chrome/mobile/docs/intents

Wenn Sie einen Blick auf die WhatsApp AndroidManifest.xml-Datei werfen, ist die einzige Aktivierung mit der Kategorie BROWSABLE folgende:

<activity Android:name="com.whatsapp.Conversation"   Android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" Android:windowSoftInputMode="stateUnchanged">
        <intent-filter>
            <action Android:name="Android.intent.action.SENDTO" />
            <category Android:name="Android.intent.category.DEFAULT" />
            <category Android:name="Android.intent.category.BROWSABLE" />
            <data Android:scheme="sms" />
            <data Android:scheme="smsto" />
        </intent-filter>
    </activity>

Ich habe schon eine Weile damit gespielt und konnte es nicht schaffen, dass es funktioniert. Am meisten habe ich die WhatsApp-Anwendung von Chrome aus geöffnet, aber ich konnte keine Möglichkeit finden, den Inhalt der Nachricht und den Empfänger festzulegen. 

Da dies vom WhatsApp-Team nicht dokumentiert wird, denke ich, dass dies noch nicht abgeschlossen ist. Wie es aussieht, wird WhatsApp in Zukunft auch mit SMS umgehen.

Der einzige Weg, mehr Informationen zu erhalten, besteht darin, das WhatsApp-Entwicklerteam zu erreichen. Ich habe es versucht, aber ich warte immer noch auf eine Antwort.

Grüße!

7
oliferna

Ich habe gerade das whatsapp://-Schema auf meinem super alten Android 2.3.3 mit Whats App 2.11.301 getestet und funktioniert wie ein Zauber. Es scheint nur die Whats App-Version zu sein. Da Whats App jeden zwingt, ein Update durchzuführen, sollte es sicher sein, es zu verwenden.

Die Whats App-Dokumentation erwähnt auch dieses Schema: http://www.whatsapp.com/faq/de/Android/28000012

Ich verwende dies jetzt auf einer Produktions-Site und werde hier aktualisieren, wenn ich Benutzerbeschwerden bekomme.

Edit (14. November): Nach einigen Wochen keine Beschwerden mehr.

7
JonasB

Im Allgemeinen ist es nur sinnvoll, den Whatsapp Link nur mit iOS oder Android-Geräten mit Java-Skript anzuzeigen: 

   if (navigator.userAgent.match(/iPhone|Android/i)) {
      document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
   }
6
Weidenrinde

NEUESTES UPDATE

Jetzt können Sie die neueste API von WhatsApp https://wa.me/ verwenden, ohne sich um den Benutzeragenten zu sorgen. Die API übernimmt die Benutzeragentenbehandlung.

Teilen Sie vorgefüllten Text mit der Kontaktauswahloption im jeweiligen WhatsApp-Client (Android/iOS/Webapp):

https://wa.me/?text=urlencodedtext

Öffnen Sie den Chat-Dialog für einen bestimmten WhatsApp-Benutzer im jeweiligen WhatsApp-Client (Android/iOS/Webapp):

https://wa.me/whatsappphonenumber

Teilen Sie vorgefüllten Text mit einem bestimmten Benutzer (oben zwei kombinieren): 

https://wa.me/whatsappphonenumber/?text=urlencodedtext

Hinweis: whatsappphonenumber sollte die vollständige Telefonnummer im internationalen Format sein. Lassen Sie keine Nullen, Klammern oder Bindestriche aus, wenn Sie die Telefonnummer im internationalen Format hinzufügen.

Für offizielle Dokumentation besuchen Sie https://faq.whatsapp.com/de/general/26000030

3
Shri

TLDR: "Dies wird nicht unterstützt." ~ Offizieller Whatsapp-Entwickler.

Ich habe dies auf verschiedenen Geräten (Android, iOS und Windows) getestet und funktioniert einfach nicht. Dies war einer von 40 verschiedenen Diensten, die ich persönlich getestet habe, und der einzige von zwei, der nicht funktionierte (der andere war Viber). Sehen Sie die Liste hier ..

https://github.com/bradvin/social-share-urls#whatsapp

Aus Frustration habe ich den Entwicklern bei WhatsApp eine E-Mail geschickt. Ich habe ihnen ihre eigene Quelle gezeigt:

https://faq.whatsapp.com/en/Android/26000030/?category=5245251

Mir wurde sehr genau gesagt, DIESE FEATURE IS] NICHT IMPLEMENTIERT.

"Unfortunately, that is not supported at the moment.
We are always working to improve our app and will take your suggestion into consideration.
request #172349248330585"

Um dies zu testen: (1) Registrieren Sie sich für ein WhatsApp-Konto, (2) Installieren Sie WhatsApp auf Ihrem Desktop, (3) Installieren Sie WhatsApp auf Ihrem Telefon, (4) Synchronisieren Sie Telefon und Computer, (5) Erstellen Sie ein WhatsApp und laden Sie es hoch Geben Sie den Link auf Ihrem privaten Host frei. (6) Klicken Sie in den unter 2 und 3 genannten Geräten darauf. (7) Klicken Sie auf den Link. Stellen Sie sicher, dass Whatsapp geöffnet wird. Außerdem werden alle angegebenen Parameter vollständig ignoriert.

All dies führte zu Fehlern bei Viber und Whatsapp und zu positiven Ergebnissen für 38 andere Dienste (von Google über Skype bis Line.me bis Facebook, Digg, StumbleUpon, Douban, wie Sie es nennen).

1
HoldOffHunger

Wechseln Sie die WhatsApp-Freigabe-Links je nach Plattform, ob Desktop oder Handy.

Dies funktioniert mit oder ohne Angabe der Telefonnummer im Link.

für Handys

   vm.LinkTextToShare = 'https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href) ;

   window.open(vm.LinkTextToShare,"_blank");

Für Desktop

   vm.LinkTextToShare = 'https://web.whatsapp.com/send?l=en&text=' + encodeURIComponent(window.location.href) ;

   window.open(vm.LinkTextToShare,"_blank");
0
Sitaram

Versuchen Sie es so zu machen:

<a href="https://wa.me/(phone)?text=(text URL encoded)">Link</a>

Sie können auch Nachrichten senden, ohne die Telefonnummer in den Link eingeben zu müssen:

<a href="https://wa.me/?text=Hello%20world!">Say hello</a>

Nachdem Sie auf den Link geklickt haben, wird eine Liste der Kontakte angezeigt, an die Sie Ihre Nachricht senden können.

Weitere Informationen unter https://faq.whatsapp.com/de/general/26000030 .

Viel Glück!

0
Gustavo Cantero

benutze es wie "whatsapp: // send? text =" + encodeURIComponent (dein Text geht hierher), es wird definitiv funktionieren.

0