Google Tag Manager中跟踪用户是否打印页面

Google Analytics 黄业忠 5年前 (2016-12-23) 2910次浏览 已收录 0个评论

这次要分享是如何通过Google Tag Manager跟踪用户是否直接打印页面这个行为。

原理是通过往页面注入js判断用户的特定键盘操作行为,如ctrl+p,主动push事件,然后用自定义事件接受,再将数据发送给Google Analytics,接下来看如何设置:

页面注入js

在GTM中点击变量——新建变量:
Google Tag Manager中跟踪用户是否打印页面
在这个过程push的事件为printPage

<script type="text/javascript">

(function () {
var runOnce; 
var afterPrint = function() {
    
    if (!runOnce) { // Because of Chrome we can only allow the code to run once.
        runOnce = true;
        dataLayer.push({'event': 'printPage'}); // Send Print Event to GTM
    };
};

if (window.matchMedia) { // Track printing from browsers using the Webkit engine

    var mediaQueryList = window.matchMedia('print');
    mediaQueryList.addListener(function(mql) {
        if (!mql.matches) {
            afterPrint();
        }
    });
}

window.onafterprint = afterPrint; // Internet Explorer

$(document).keydown(function(allBrowsers) { // Track printing using Ctrl/Cmd+P.

    if (allBrowsers.keyCode==80 && (allBrowsers.ctrlKey || allBrowsers.metaKey)) {
        if ($.browser.opera) { // Opera is a little different so we must send the afterPrint() function to get the tracking to work. 
            afterPrint();
        }
    }
});

// Print activated using window.print() ex. from a button.
$('.printlink').click(function() {

    if ($.browser.opera) { // Opera is a little different so we must send the afterPrint() function to get the tracking to work. 
        afterPrint();
    }
    window.print(); // If window.print() is activated in another script, you can remove it from this tracking script.
});
}());
</script>

设置触发器

Google Tag Manager中跟踪用户是否打印页面

配置代码

向GA发送数据
Google Tag Manager中跟踪用户是否打印页面

测试

Google Tag Manager中跟踪用户是否打印页面

测试成功,可以发布


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Tag Manager中跟踪用户是否打印页面
链接:https://www.ichdata.com/gtm-track-the-user-to-print-pages.html

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址