微信网页分享裂变

如果您希望追踪您的微网页分享情况,您可以使用使用SDK中提供的方法进行分享链接换链,linkflow会自动帮您记录被访问链接的分享人。
效果:

  1. 公众号粉丝A分享链接给公众号粉丝B
  2. 公众号粉丝B点击链接,发生访问网页事件
  3. 公众号粉丝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提供的方法进行换链

六、效果

  • 访问网页事件可查看到网页推荐人信息