微信网页分享裂变
如果您希望追踪您的微网页分享情况,您可以使用使用SDK中提供的方法进行分享链接换链,linkflow会自动帮您记录被访问链接的分享人。
效果:
- 公众号粉丝A分享链接给公众号粉丝B
- 公众号粉丝B点击链接,发生访问网页事件
- 公众号粉丝B访问网页事件会记录推荐人为粉丝A
操作步骤
一、引入微信JS SDK
二、引入linkflowJS SDK
参见《微信表单页面埋点说明》
路径:【首页】-【连接管理】-【自定义渠道】-【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提供的方法进行换链
六、效果
- 访问网页事件可查看到网页推荐人信息