带有Modal/Overlay Ajax内容的Google分析页面视图

Google Analytic Page View with Modal/Overlay Ajax Content

本文关键字：Google 视图 Modal Overlay Ajax 带有      更新时间：2023-09-26

我正在设置一个WordPress工具，用户可以在其中单击一个链接，然后从数据库中提取一篇文章并插入到模式/覆盖中。（和http://www.usatoday.com/)

现在，由于用户没有访问实际的页面，我假设没有办法将其作为"页面视图"来跟踪，以获得"在页面上花费的时间"和其他重要的页面相关统计数据。

我知道我可以跟踪URL事件，但仅仅跟踪URL点击是不够的。

有没有一种方法可以将模态内容作为拉入模态的实际帖子URL的页面视图进行跟踪？提前谢谢。

这是可能的，但在不看到调用覆盖的代码的情况下回答起来并不容易。

基本上，您会查看您的模态函数是否提供回调（代码执行后运行的javascript函数）并提供"虚拟页面视图"，即运行页面视图调用并传入指示模态窗口的自定义路径：

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

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

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

由于这被标记为ajax，您可以将页面视图放入ajax成功事件的回调中，因此只有在实际加载页面时才会触发它。

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

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

然后，你可以用来称呼它

trackmodals('/register/');

如果您使用if、switch和etc语句验证它们处于哪个模态，则可以重用它。

相关文章：