在「快缩短网址」（suo.run）的 H5 场景里，若想优雅地引导用户加微信好友，可绕开微信对外部 API 的封闭，采用两条“曲线救国”路线——一条视觉，一条语义。
一、视觉路线：二维码的静默邀约
1. 生成专属二维码
打开微信 → 右上角「+」→「添加朋友」→「我的二维码」→ 保存高清图。
2. 嵌入页面
html
长按识别，即刻相遇
3. 体验细节
• 为二维码加 8 px 圆角与 4 px 内阴影，营造卡片质感。
• 在
figcaption 内用 12 px 浅灰字提示「长按识别」，降低用户认知负荷。
二、语义路线：名片链接的轻触跳转
1. 提取名片协议
微信 →「通讯录」→ 点头像 →「…」→「分享名片」→ 复制形如
weixin://dl/profile?t=XXXX 的链接。 2. 植入按钮
html
一键添加 · 即刻畅聊
3. 体验细节
• 按钮仅在微信内置浏览器生效，外部环境可优雅降级：
js
if (!/MicroMessenger/i.test(navigator.userAgent)) {
document.querySelector('.wechat-card').href = 'https://suo.run/guide-wechat';
}
• 文案使用「即刻畅聊」替代冰冷的「添加好友」，拉近心理距离。
优先策略
二维码方案兼容性最佳，视觉直观；名片链接则适合文字按钮场景。无论哪条路径，均在页首加一句「在微信内打开体验更佳」，既尊重平台规则，也温柔提醒用户。