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

Question

对于iOS8,在网站上添加whatsapp共享按钮.我使用以下内容:

<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

Answer 1

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

• 我是iPhone开发人员,如何将WhatsApp集成到我的应用程序中？
• 我是Android开发人员,如何将WhatsApp与我的应用程序集成？

我假设示例代码中括号内的所有内容都将被您的应用替换？span标签及其id属性之间也需要有空格.

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

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

Answer 2

截至 2021 年 3 月 1 日，WhatsApp 文档指出：“通用链接是链接到 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/