SPA环境中的PV重复计测防止设置

SPA环境中的PV重复计测防止设置

现象

在SPA中，即使页面改变，Ptengine基础标签也不会重新加载，导致PV无法正确计测，因此需要利用Ptengine的setPVTag手动发起PV计测。但是，在页面刷新或其他页面更新的情况下，基础标签和设置的setPVTag会同时发起，导致PV被重复计测的情况发生。

为了避免上述重复发起的现象，需要采取以下方法进行处理。

逻辑

当基础标签或setPVTag发起时，利用变量pt_spa_trigger_mark将地址栏的URL和发起时间记录在Cookie中。此外，在下次页面更新时，根据Cookie中记录的内容判断是否发起setPVTag，并进行控制。

GTM中的设置方法

1. 按以下方式修改基础标签，并在GTM中替换已设置的标签。"xxxxxxxx"是项目id，每个项目都不同，请注意。

<script src="<https://js.ptengine.jp/xxxxxxxx.js>">
document.cookie="pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
</script>

1. 按以下方式修改setPVTag，并在GTM中替换已设置的setPVTag。设置完成后保存并发布GTM。

<script>
try{
    function getCookie(key){
      var str = document.cookie;
      var arr = str.split(";");
        for(var i=0;i<arr.length;i++){
            var data = arr[i].split("=");
              if(data[0].trim() === key){
                    return data[1];
               }
        }
    }
    if(getCookie("pt_spa_trigger_mark")){
        var pt_mark = getCookie("pt_spa_trigger_mark").split("ptengine");
        if(pt_mark[0] === location.href && (new Date().getTime() - parseInt(pt_mark[1])) > 3500){
            window._pt_sp_2 && window._pt_sp_2.push('setPVTag,'+ location.href +',replace');
            document.cookie = "pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
        }else if(pt_mark[0] != location.href && (new Date().getTime() - parseInt(pt_mark[1])) > 3000){
            window._pt_sp_2 && window._pt_sp_2.push('setPVTag,'+ location.href +',replace');
            document.cookie = "pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
        }
    }else{console.log("not found pt_trigger")}
}catch(e){console.log(e)}
</script>

手动配置

以下标签也可以手动设置，但设置时请联系技术人员。

1. 按以下方式修改基础标签并将其粘贴到网站上。"xxxxxxxx"是项目id，每个项目都不同，请注意。

<script src="<https://js.ptengine.jp/xxxxxxxx.js>">
document.cookie="pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
</script>

1. 按以下方式修改setPVTag，并直接添加到网站逻辑中，使其在每次页面更新时发起。

try{
    function getCookie(key){
      var str = document.cookie;
      var arr = str.split(";");
        for(var i=0;i<arr.length;i++){
            var data = arr[i].split("=");
              if(data[0].trim() === key){
                    return data[1];
               }
        }
    }
    if(getCookie("pt_spa_trigger_mark")){
        var pt_mark = getCookie("pt_spa_trigger_mark").split("ptengine");
        if(pt_mark[0] === location.href && (new Date().getTime() - parseInt(pt_mark[1])) > 3500){
            window._pt_sp_2 && window._pt_sp_2.push('setPVTag,'+ location.href +',replace');
            document.cookie = "pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
        }else if(pt_mark[0] != location.href && (new Date().getTime() - parseInt(pt_mark[1])) > 3000){
            window._pt_sp_2 && window._pt_sp_2.push('setPVTag,'+ location.href +',replace');
            document.cookie = "pt_spa_trigger_mark="+location.href+"ptengine"+new Date().getTime();
        }
    }else{console.log("not found pt_trigger")}
}catch(e){console.log(e)}