0

我被要求在网站上捕获分析。该网站由 5 个网页组成,但我现在意识到域是相同的,唯一改变的是 URL 片段,即 www.domain.com#a、www.domain.com#b。通过 GA 获得的唯一信息是域,它不包括 URL 片段。我使用的跟踪代码是 Tealium,数据正在发送回 Google Analytics。如何设置它以便我可以在 GA 中看到整个 URL,包括 URL 片段?

4

1 回答 1

0

因此,从 Tealium 的角度来看,我们需要在加载新片段时触发视图事件(如果我理解正确的话)。

如果我们假设片段更改发生在链接点击时,那么我们需要在链接点击发生时触发视图事件。

从 GA 的角度来看,我们需要触发一个捕获新信息的视图。对于视图,这可能是位置、路径和标题。

因此,我们需要 Tealium 来构建新的数据点,然后在视图事件中将它们传递给 GA。

在 Tealium 中执行此操作的最简单方法(所有事情都是平等的)是通过jQuery onHandler 扩展

jQuery 扩展需要以下信息:

  1. jQuery选择器(或选择器)要注意
  2. “触发”事件类型(在本例中为 Click)
  3. 要运行的跟踪事件类型(在这种情况下查看事件)
  4. 用于设置 Tealium jQuery onHandler 扩展配置的变量和值
  5. 请注意,在您的 jQuery 扩展上设置条件始终是一个好主意,以便它们仅在需要时运行,而不是一直在任何地方运行

在这个扩展中,我设置了以下内容:

  1. jQuery Selector: '#MyID_1, #MyID_2, #MyID_3' - 是的,您可以传递选择器列表或几乎任何其他有效的 jQuery 选择器语句
  2. 触发:“点击”
  3. 跟踪事件:“查看”
  4. 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。

  1. my_pathpage在 GA 映射工具箱中映射到
  2. page_name被映射到title
  3. 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 上查看两者的实际应用。

于 2019-01-23T20:07:11.467 回答