如何跟踪用户在GTM中刷新页面的时间

时间:2017-02-26 16:39:29

标签: google-tag-manager

我有一个我管理的应用程序,可以为某人下载构建交易。用户下载,可能需要等待他/她点击构建的那一刻,直到他们能够下载。在此期间,他们所在的页面每3分钟自动刷新一次。我们觉得也许用户也可以手动刷新。

我们目前在此应用程序上使用Google跟踪代码管理器(GTM),并希望跟踪所述行为。用户是否一遍又一遍地刷新页面,直到屏幕显示他们正在等待的事务为他们做好准备。

例如,这是我希望看到的内容:

Category: foo-bar 
Action**: Auto Refresh

Category: foo-bar 
Action: Manual Refresh

1 个答案:

答案 0 :(得分:2)

实现这一目标有多个步骤。

1)设置一种数据持久性形式(例如cookie,会话存储或localStorage)。在这个例子中,我将使用cookie。

2)将当前页面保存到定义的cookie。在这种情况下,上一页。

3)在自动重新加载页面的函数中,包括一种识别这种情况的方法。在这个例子中,我将使用dataLayer push。

4)在页面上加载开发逻辑以确定当前页面是否等于上一页并且dataLayer push(3)不存在。

具体细节:

2)创建一个在每个页面加载时触发的HTML脚本:

<script>
document.cookie = "previousPage= " + {{Page Path}} + "; path=/;";
</script>

创建一个名为Previous Page的新变量。

第一方Cookie - &gt; Cookie名称 - &gt; |上一页

3)如果页面自动重新加载,则在GTM加载之前触发以下dataLayer push。

dataLayer.push({'automaticReload' : True})

创建一个名为Automatic Reload的新变量。

数据层变量 - &gt;数据层变量名称 - &gt; automaticReload

4)创建一个名为Reload的新自定义Javascript变量:

function(){
    if({{Page Path}} == {{Previous Page}}){
        return true}
    else{
        return false}
    };

创建两个新事件。

事件1:手动重新加载

触发器:

重新加载:等于:真

自动重新加载:不等于:True

事件2:自动重新加载

触发器:

重新加载等于True

自动重新加载等于True