我开发了一个网站,主要用在手机上。 我想让用户直接从网页分享信息到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的参数。
当前回答
最近WhatsApp在官网上更新了我们需要使用的内容 这个HTML标签,以使其可共享到移动网站:
<a href=“whatsapp://send?text=Hello%20World!”>Hello, world!</a>
您可以替换text=来拥有您的链接或任何文本内容
其他回答
一般来说,只在iOS或Android设备上使用java脚本显示Whatsapp Link是有意义的:
if (navigator.userAgent.match(/iPhone|Android/i)) {
document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
}
目前,这很容易实现。你只需要添加以下代码到你的页面:
<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上做了一个快速测试,效果也很好。
希望这能帮助到一些人。: -)
根据新的文档,链接现在是:
<a href="https://wa.me/?text=urlencodedtext">Share this</a>
如果不奏效,试试下面这个:
<a href="whatsapp://send?text=urlencodedtext">Share this</a>
如果你想在浏览器中打开whatsapp,这是正确的:
<a href=`https://web.whatsapp.com/send?text=${yout URL or TEXT}` ><Whatsapp</a>
最新更新
现在您可以使用来自whatsapp https://wa.me/的最新API,而无需担心用户代理,API将执行用户代理处理。
在各自的whatsapp客户端(Android / iOS / Webapp)中共享带有联系人选择选项的预填充文本:
https://wa.me/?text=urlencodedtext
在各自的whatsapp客户端(Android / iOS / Webapp)中打开特定whatsapp用户的聊天对话框:
https://wa.me/whatsappphonenumber
与特定用户共享预填充文本(结合以上两个):
https://wa.me/whatsappphonenumber/?text=urlencodedtext
注意:whatsappphonenumber应该是国际格式的完整电话号码。在添加国际格式的电话号码时,请省略任何零、括号或破折号。
官方文件请访问https://faq.whatsapp.com/en/general/26000030