我想在网页上放置一个链接,打开与某个WhatsApp联系人的WhatsApp聊天.换句话说:我希望在页面的"联系我们我的Facebook/Twitter/Google+/ETC"链接旁边有一个"通过WhatsApp联系我"的链接.类似于:

href="whatsapp:contact=015555555555@s.whatsapp.com&message="I'd like to chat with you"

推荐答案

*UPDATE ADDED AT THE END*

我try 了很多方法,得到了winner分(见测试3),以下是每种方法的结果:

(我认为测试3也适用于你,因为如果访问你网站的人的联系人名单上没有你,这是唯一允许的选项.)

在所有测试中,数字必须完整,国家和地区代码没有任何初始零.例子:

  • +55(01)99999-9999(非)
  • +5511999999999(是)

在测试1和2中,它只在国家代码:+551199999999上使用加号

测试1:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">Send Message</a>

这样的话,你的联系人名单上一定有phonenumber人.这对我不起作用,因为我希望能够向我的联系人列表中可能没有的号码发送消息.

如果你的联系人列表中没有这个号码,它会打开Whatsapp,列出你所有注册的联系人,这样你就可以 Select 一个.

这是一个分享东西的好 Select .

测试2:

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Send Message</a>

这种方法只有在你的联系人列表上有号码的情况下才能在Android AND上使用.如果你没有,Android会打开你的短信应用,这样你就可以邀请联系人使用Whatsapp.

测试3 (The Winner):

<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</a>

这是唯一对我完全有效的方法.

  • 它可以在Android、iOS和桌面上的Web应用程序上运行,
  • 您可以用number that you don't have on your contact list开始对话
  • 您可以使用一条预建消息添加&text=[message-url-encoded]条消息来创建链接,如下所示:

https://api.whatsapp.com/send?phone=15551234567&text=Send20%a20%quote

如果你想拥有一个书签,让它更易于使用,你可以使用这个:

javascript: (function() { var val= prompt("Enter phone number",""); if (val) location="https://api.whatsapp.com/send?phone="+escape('972' + val)+""; })()

您需要更改(或删除)您的国家/地区代码.r目标国家/地区并将其粘贴到Chrome/Firefox链接的地址字段中

值得注意的是:

*UPDATE (START)*

Whatsapp提供了其他选项,现在您可以创建一个指向以下对话的链接:

https://wa.me/[phonenumber]

电话号码应为国际格式:

这样地:

https://wa.me/552196312XXXX

不是这样的:

https://wa.me/+55(021)96312-XXXX

如果您想要在链接中添加一条预置消息,您可以在文本URL编码的末尾添加?text=条消息:

https://wa.me/552196312XXXX?text=[message-url-encoded]

例如:

https://wa.me/552196312XXXX?text=Send20%a20%quote

更多信息请点击此处:

https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat

*UPDATE (END)*

Html相关问答推荐

如何从ThymeLeaf模板中分离CSS

连续的相同 colored颜色 单元格应位于同一列、网格框中

创建带有弯曲边框的水平时间线

图像不在HTML文件中显示

从网页中提取URL

禁用所有行,但在16角中单击编辑按钮的行除外

带有排序元素的 CSS 网格

CSS 伪类 Select 器未按预期工作

Swift 以编程方式在 YouTube 嵌入视频中进入全屏

如何在悬停时更改同级元素 CSS

如何在悬停时使矩形按钮上的边框变圆

如何保持块扩展以填充视口?

如何使用 CSS 应用带有笔划的文本阴影?

更改标签标签的大小

如何删除输入中输入类型数字中的箭头?

将背景图像裁剪成两半

flex-box 中的图像在 Chrome 和 Firefox 中看起来不同 - 如何使它们在 Firefox 中看起来像?

样式不适用于来自 tailwindcss 的网络

为什么将 p 元素的垂直边距设置为 1 px 会出现滚动条?

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像?