如何根据Navigator.share()的分享目标应用为URL添加对应查询参数

核心结论 #

原生window.navigator.share API 不支持该需求。

底层原因 #

该API遵循隐私优先的设计原则，不会向网页侧暴露用户最终选择的分享目标应用信息，因此你无法在用户选定分享应用后，动态修改要分享的URL内容。

可落地的替代方案 #

• 自定义分享面板：放弃系统原生分享面板，自行实现分享菜单列出你需要支持的主流分享渠道，用户点击对应渠道时，提前拼接好对应utm参数，再跳转对应渠道的专属分享链接即可。
• 后端来源补全：如果必须使用原生分享能力，可以先不提前拼接utm参数，在后端统计访问数据时通过HTTP Referer判断流量来源，对应补全来源标记，不过该方式准确率有限，部分应用会主动隐藏Referer信息。
• 通用标记妥协：如果只需要区分原生分享和其他渠道的流量，可以给所有通过navigator.share分享的URL统一添加utm_source=native_share参数，满足基础的统计需求。

补充说明 #

当前Web Share API的官方规范没有计划开放分享目标相关的用户选择信息，核心是为了避免用户的行为数据被网页追踪，因此该能力后续也大概率不会被支持。

内容的提问来源于stack exchange，提问作者Mahesh Bansod