使用模态/叠加Ajax内容的Google Analytic页面视图

时间:2016-03-30 19:23:57

标签: javascript ajax wordpress google-analytics

我正在设置一个WordPress工具,用户点击一个链接,从数据库中提取一个帖子并插入一个模态/叠加层。 (完全像http://www.usatoday.com/

现在,由于用户没有访问实际页面,我假设无法将其作为“页面视图”进行跟踪,以获得“在页面上花费的时间”以及其他与页面相关的重要统计信息。

我知道我可以跟踪网址事件,但仅仅跟踪网址点击是不够的。

有没有办法实现跟踪模态内容作为拉入模态的实际帖子URL的页面视图?提前谢谢。

2 个答案:

答案 0 :(得分:1)

这是可能的,但如果没有看到调用叠加层的代码,就不容易回答。

基本上你会看看你的模态函数是否提供了一个回调(代码执行后运行的javascript函数)并提供了一个“虚拟页面视图”,即运行一个页面浏览调用并传入一个指示模态的自定义路径窗口:

ga('send', 'pageview', '/modal/path/to/post/');

您作为额外参数提供的路径将作为页面显示在内容报告中。如果您还想提供标题(或覆盖GA中的任何其他field),您可以将JSON对象作为第三个参数传递:

ga('send', 'pageview', {
    page:'/modal/path/to/post/', 
    title:'my title' 
});

由于这是标记为ajax的 - 您可以将pageview放入ajax成功事件的回调中,这样只有在实际加载页面时才会触发它。

答案 1 :(得分:1)

您可以为所有模态创建一个函数,并在需要时传递它。

function trackModals(path) {
    ga('send', 'pageview', '/modal' + path);
}

然后,你可以用:

来调用它
trackmodals('/register/');

如果使用if,switch和etc语句验证它们所处的模态,则可以重复使用它。