我被要求在网站上捕获分析。该网站由 5 个网页组成,但我现在意识到域是相同的,唯一改变的是 URL 片段,即 www.domain.com#a、www.domain.com#b。通过 GA 获得的唯一信息是域,它不包括 URL 片段。我使用的跟踪代码是 Tealium,数据正在发送回 Google Analytics。如何设置它以便我可以在 GA 中看到整个 URL,包括 URL 片段?
1 回答
因此,从 Tealium 的角度来看,我们需要在加载新片段时触发视图事件(如果我理解正确的话)。
如果我们假设片段更改发生在链接点击时,那么我们需要在链接点击发生时触发视图事件。
从 GA 的角度来看,我们需要触发一个捕获新信息的视图。对于视图,这可能是位置、路径和标题。
因此,我们需要 Tealium 来构建新的数据点,然后在视图事件中将它们传递给 GA。
在 Tealium 中执行此操作的最简单方法(所有事情都是平等的)是通过jQuery onHandler 扩展
jQuery 扩展需要以下信息:
- jQuery选择器(或选择器)要注意
- “触发”事件类型(在本例中为 Click)
- 要运行的跟踪事件类型(在这种情况下查看事件)
- 用于设置 Tealium jQuery onHandler 扩展配置的变量和值
- 请注意,在您的 jQuery 扩展上设置条件始终是一个好主意,以便它们仅在需要时运行,而不是一直在任何地方运行
在这个扩展中,我设置了以下内容:
- jQuery Selector: '#MyID_1, #MyID_2, #MyID_3' - 是的,您可以传递选择器列表或几乎任何其他有效的 jQuery 选择器语句
- 触发:“点击”
- 跟踪事件:“查看”
3个变量:
一种。'page_name' :
$(this).text();
//获取链接文本湾。'my_url' :
utag.data['dom.url']+$(this).attr('href')
//构建包含片段的完整 URL //utag.data['dom.url'] 是 Tealium 自动生成的变量/数据点C。my_path :
utag.data['dom.pathname']+$(this).attr('href');
//构建路径 //utag.data['dom.pathname'] 是 Tealium 自动生成的变量/数据点
注意:确保将每个这些的类型设置为“JS 代码”,否则您的 JavaScript 将被引用为字符串。
为什么是这三个变量?据我了解 GA,这些是新页面视图所期望的值——位置/URL、路径和标题,因此我们在扩展中构造这些值以在视图事件中将它们传递给 GA。
现在,我们只需要将这些新变量映射到 GA。
my_path
page
在 GA 映射工具箱中映射到page_name
被映射到title
location
不是映射工具箱中的默认选项,因此我们需要添加一个名为的自定义目标变量location
并映射my_url
到它。 GA 的自定义变量映射
这就是你如何在 Tealium 和最少的编码中做到这一点的。如果由于某种原因您不想/不能在 Tealium 内部执行此操作,这为我们提供了一个非常好的模板,用于将自定义函数添加到我们的代码库中:
`$(document.body).on('click', '#altID', function(){
utag.view({
"page_name": $(this).text(),
"my_url": utag.data['dom.url'] + $(this).attr('href'),
"my_path": utag.data['dom.pathname'] + $(this).attr('href')
})
})`
在 CodePen 上查看两者的实际应用。