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

Question

在网站上添加 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

Answer 1

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

我假设您的示例代码中括号内的所有内容都将被您的应用程序替换？ span 标签和它的 id 属性之间还需要有一个 space。

如果您在两个平台上使用这个简单的示例进行尝试，效果如何：

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

Answer 2

截至 2021 年 3 月 1 日，WhatsApp documentation states: "Universal links are the preferred method of linking to a WhatsApp account. Use 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/

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

How to add "Share on whatsapp" button on mobile website for iOS

javascript

ios

web-applications

mobile-website

whatsapp