我开发了一个网站,主要用在手机上。 我想让用户直接从网页分享信息到WhatsApp。
使用UserAgent检测,我可以区分Android和iOS。 我发现,为了在iOS中实现上述功能,我可以使用URL:
href="whatsapp://send?text=http://www.example.com"
我仍然在寻找当操作系统是Android时使用的解决方案(因为上面的不工作)。 我猜这在某种程度上与在Android中使用“意图”有关,但我不知道如何将其作为href的参数。
我开发了一个网站,主要用在手机上。 我想让用户直接从网页分享信息到WhatsApp。
使用UserAgent检测,我可以区分Android和iOS。 我发现,为了在iOS中实现上述功能,我可以使用URL:
href="whatsapp://send?text=http://www.example.com"
我仍然在寻找当操作系统是Android时使用的解决方案(因为上面的不工作)。 我猜这在某种程度上与在Android中使用“意图”有关,但我不知道如何将其作为href的参数。
当前回答
这个代码对我有用。
点击链接后,它会要求你选择要分享消息的联系人。
<a href="https://api.whatsapp.com/send?text=enter message here">点击这里在Whatsapp上分享</a>
你可以添加target="_blank"属性,在一个新的窗口或选项卡中打开它。
我认为当有人想要分享特定的信息或文章时,电话号码是不需要的。
其他回答
上面的答案有点过时了。虽然这些方法工作,但通过使用下面的方法,您可以将任何文本共享到一个预定义的数字。下面的方法适用于android, WhatsApp web, IOS等。
你只需要使用下面的格式:
<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>
更新—从现在开始使用(2018年11月)
<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>
Use: https://wa.me/15551234567 Don't use: https://wa.me/+001-(555)1234567 To create your own link with a pre-filled message that will automatically appear in the text field of a chat, use https://wa.me/whatsappphonenumber/?text=urlencodedtext where whatsappphonenumber is a full phone number in international format and URL-encodedtext is the URL-encoded pre-filled message. Example:https://wa.me/15551234567?text=I'm%20interested%20in%20your%20car%20for%20sale To create a link with just a pre-filled message, use https://wa.me/?text=urlencodedtext Example:https://wa.me/?text=I'm%20inquiring%20about%20the%20apartment%20listing After clicking on the link, you will be shown a list of contacts you can send your message to.
欲了解更多信息,请参见https://www.whatsapp.com/faq/en/general/26000030
目前,这很容易实现。你只需要添加以下代码到你的页面:
<a href="whatsapp://send?text=<<HERE GOES THE URL ENCODED TEXT YOU WANT TO SHARE>>" data-action="share/whatsapp/share">Share via Whatsapp</a>
就是这样。不需要Javascript,不需要其他任何东西。当然,你可以根据自己的喜好来设置样式,并添加一个漂亮的Whatsapp图标。
我用谷歌Chrome浏览器在我的Android设备上测试了这个功能。版本:
Android 4.1.2(果冻豆) Chrome Mobile 37.0.2062.117。也在Firefox Mobile 31.0上进行了测试。 Whatsapp V 2.11.399
它也适用于iOS。我用Safari在iPhone 5上做了一个快速测试,效果也很好。
希望这能帮助到一些人。: -)
使用:https://wa.me/1XXXXXXXXXX 不要使用:https://wa.me/+001-(XXX)XXXXXXX
预先填写的消息将自动出现在聊天的文本框中。使用https://wa.me/whatsappphonenumber?text=urlencodedtext,其中whatsappphonenumber是国际格式的完整电话号码,urlencodedtext是url编码的预填充消息。
例子: https://wa.me/1XXXXXXXXXX?text=I是% 20感兴趣% 20 % 20你% 20辆车% 20 % 20出售
要创建只包含预填充消息的链接,请使用https://wa.me/?text=urlencodedtext
例子: https://wa.me/?text=I是% 20的% 20约% 20 % 20公寓% 20清单”
点击链接后,你会看到一个联系人列表,你可以将消息发送给这些联系人。
试着这样做:
<a href="https://wa.me/(phone)?text=(text URL encoded)">Link</a>
甚至你可以发送消息而不需要在链接中输入电话号码:
<a href="https://wa.me/?text=Hello%20world!">Say hello</a>
点击链接后,您将看到一个联系人列表,您可以将消息发送给这些联系人。
更多信息请访问https://faq.whatsapp.com/en/general/26000030。
好运!
根据桌面或移动平台切换whatsapp分享链接。
在链接中提供电话号码或不提供电话号码都可以。
为移动
vm.LinkTextToShare = 'https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href) ;
window.open(vm.LinkTextToShare,"_blank");
对于桌面
vm.LinkTextToShare = 'https://web.whatsapp.com/send?l=en&text=' + encodeURIComponent(window.location.href) ;
window.open(vm.LinkTextToShare,"_blank");