如何添加"分享whatsapp" iOS移动网站上的按钮

时间:2015-02-16 12:43:41

标签: javascript ios web-applications mobile-website whatsapp

在网站上添加whatsapp分享按钮,适用于iOS8。 我使用以下内容:

<spanid="whatsapp_share_android">
    <a href="whatsapp://send?text={{my_meta.og_title.value}} - http://{{ request.get_host }}{{entity.url}}%3Futm_source=whatsapp%26utm_medium=referral" data-action="share/whatsapp/share" onmousedown="_paq.push(['trackEvent','Share on Whatsapp','Mobile','{{request.get_full_path}}']); ga('send', 'event','Share on Whatsapp','Mobile','{{request.get_full_path}}');ga('mobileTracker.send', 'event','Share on Whatsapp','Mobile','{{request.get_full_path}}');"><img src="{{ STATIC_URL }}images/whatsapp_icon.png" /></a>
</span>

它适用于Android但不适用于iOS

2 个答案:

答案 0 :(得分:19)

根据应用程序集成的WhatsApp常见问题解答,您的URL方案应该有效:

我假设示例代码中括号内的所有内容都将被您的应用替换?此外,span标记与其id属性之间也需要有空格。

如果你在两个平台上尝试使用这个简单的例子怎么样:

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

答案 1 :(得分:2)

截至 2021 年 3 月 1 日,WhatsApp documentation 声明:“通用链接是链接到 WhatsApp 帐户的首选方法。使用 https://wa.me [...]”

示例:

const whatsAppURL = `https://wa.me?text=${encodeURIComponent('The message to send')}`;

whatsapp:// 有什么区别? wa.me 适用于桌面设备和移动设备(因此称为“通用链接”),而 whatsapp:// 仅适用于安装了 WhatsApp 应用程序的移动设备。

wa.me 甚至适用于网络版 WhatsApp:https://web.whatsapp.com/