如果您希望追踪您的微网页分享情况，您可以使用使用SDK中提供的方法进行分享链接换链，linkflow会自动帮您记录被访问链接的分享人。 效果： 1. 公众号粉丝A分享链接给公众号粉丝B 2. 公众号粉丝B点击链接，发生访问网页事件 3. 公众号粉丝B访问网页事件会记录推荐人为粉丝A ## 操作步骤 ### 一、引入微信JS SDK 参见[《微信JS SDK说明文档-JS SDK使用步骤》](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1) ### 二、引入linkflowJS SDK * 参见[《微信表单页面埋点说明》 ](https://help.linkflowtech.com/lfcs/1770904)路径：【首页】-【连接管理】-【自定义渠道】-【JS SDK接入】 * 注意：如果您想获取访问页面的微信粉丝昵称、城市等详细信息，请在拷贝JS SDK JAVA代码前，勾选【开启非静默授权】，此动作意味着微信分析访问网页时，会弹出微信网页登录授权页面，如果用户停止授权，则不会记录访问页面事件。  * 用户授权后，linkflow会记录用户的微信信息，如果您想使用此信息，可通过以下方式获取 ~~~ var wechatInfo = linkflow.getWeChatInfo(); var openid = wechatInfo.openid ; var nickname = wechatInfo.nickname; var sex = wechatInfo.sex; var city = wechatInfo.city; var country = wechatInfo.country; var province = wechatInfo.province; var headimgurl = wechatInfo.headimgurl; var privilege = wechatInfo.privilege; var unionid = wechatInfo.unionid; ~~~ ### 三、告知linkflow访问网页的微信粉丝openid * 微信分享裂变功能需要获取当前粉丝的openid，所以需要您获取粉丝的openid后，调用linflow.wechatConfig(appId, openId)，将您获取到的公众号appid和粉丝openid告知linkflow。 ### 四、调用linkflow JS SDK方法将待分享链接包装 ***** #### 1. 使用: ~~~ /** * get fission url from given url and share type * @param { String original } Required, original url. * @param { String type } Optional, share type, value can be *                                        linkflow.FISSION\_TYPE.TIME\_LINE  or  *                                        linkflow.FISSION\_TYPE.APP\_MSG. *                                        default is  linkflow.FISSION\_TYPE.APP\_MSG * * @return { String fissionUrl }, return an url with utm params. */ linkflow.getFissionUrl(originLink, type?)  ~~~ * 说明： A. 包装【分享给朋友】及【分享到QQ】按钮的分享链接，type传linkflow.FISSION\_TYPE.APP\_MSG B. 包装【分享到朋友圈】及【分享到QQ空间】按钮的分享链接，type传linkflow.FISSION\_TYPE.TIME\_LINE C. 如果您期望分享的链接带有自己的其他自定义参数，可直接将带有参数的url传入，换链效果参加以下示例 D. 如果您希望记录分享标题，我们建议您将标题作为utm\_content的值拼接在url上。 E. 换链需要获取当前粉丝的open id，所以需要您获取粉丝的open id后，调用linflow.wechatConfig(app Id, open Id)，将您获取到的公众号app id和粉丝open id告知linkflow。 #### 2. 示例: 2.1. ~~~ linkflow.getFissionUrl('http://formtest.rushb.cn/wechat-h5.html') // return 'http://formtest.rushb.cn/wechat-h5.html?utm_source=wechat&utm_medium=shareAppMessage&utm_term=${openId}' ~~~ 2.2. ~~~ linkflow.getFissionUrl('http://formtest.rushb.cn/wechat-h5.html', linkflow.FISSION_TYPE.TIME_LINE) // return 'http://formtest.rushb.cn/wechat-h5.html?utm_source=wechat&utm_medium=shareTimeline&utm_term=${openId}' ~~~ 2.3. ~~~ linkflow.getFissionUrl('http://formtest.rushb.cn/wechat-h5.html?otherparam=111&utm_source=%E5%98%BB%E5%98%BB&utm_medium=%E5%93%88%E5%93%88&utm_term=%E5%98%BF%E5%98%BF') // return 'http://formtest.rushb.cn/wechat-h5.html?otherparam=111&utm_source=wechat&utm_medium=shareAppMessage&utm_term=${openId}' ~~~ 2.4. ~~~ linkflow.getFissionUrl('http://formtest.rushb.cn/wechat-h5.html? otherparam=111&utm\_campaign=%E5%93%88%E5%93%88&utm\_content=%E5%98%BF%E5%98%BF') // return 'http://formtest.rushb.cn/wechat-h5.html? otherparam=111&utm_campaign=%E5%93%88%E5%93%88&utm_conte nt=%E5%98%BF%E5%98%BF&utm_source=wechat&utm_medium=shareAppMessage&utm_term=${openId}' ~~~ ### 五、调用微信JS SDK接口，更新分享信息  * 注意：请先将分享的link，使用linkflow JS SDK提供的方法进行换链 ### 六、效果 * 访问网页事件可查看到网页推荐人信息