Ionic3 网页中的一个页面 设置第三方访问量统计 问题 以及解决

Ionic 2018-01-18

问题: 初试IONIC3 一共写了俩个界面 A界面 B界面 我要给其中的A界面添加页面统计 页面统计是一个script脚本 肯定是不能添加到index.html 因为添加到index.html的话 你访问B界面的时候 也是会被统计到的

解决: 咱们在进入页面的时候动态生成script脚本 在IONIC3中 每个界面都有自己的生命周期 我们用到的是俩个

1 ionViewDidLoad 页面加载完成触发,这里的“加载完成”指的是页面所需的资源已经加载完成,但还没进入这个页面的状态(用户看到的还是上一个页面)。

2 ionViewWillLeave 页面准备 (is about to) 离开时触发,这时用户刚刚触发了返回按钮或者相关的事件。

想看详细的生命周期事件转到:https://www.jianshu.com/p/72b704b5c9ed 我就不详细说了

下面是代码 统计平台以CNZZ为例子

ionViewDidLoad(){
  let scriptNode = document.createElement("script");
  scriptNode.id = "id1";
  scriptNode.setAttribute("src","https://s19.cnzz.com/z_stat.php?id=XXXX&web_id=XXXX");
  console.info(document.getElementsByTagName("body")[0]);
  document.getElementsByTagName("body")[0].appendChild(scriptNode);
}
ionViewWillLeave(){
  let scriptNode = document.getElementById("id1");
  if(scriptNode!=null){
    document.getElementsByTagName("body")[0].removeChild(scriptNode);
  }
}

本文由 布墨 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。
阅读:286

还不快抢沙发

添加新评论