Question

我被要求在网站上捕获分析数据。该网站由5个网页组成，但是我现在意识到域名是相同的，唯一改变的是URL片段，即www.domain.com＃a，www.domain.com＃b。传递给GA的唯一信息是域，它不包括URL片段。我正在使用的跟踪代码是Tealium，数据已发送回Google Analytics（分析）。如何进行设置，以便可以在GA中看到包括URL片段在内的整个URL？

Answer 1

因此，从Tealium的角度来看，我们需要在加载新片段时触发查看事件（如果我正确理解的话）。

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

从Google Analytics（分析）角度来看，我们需要触发一个捕获新信息的视图。对于视图，可能是位置，路径和标题。

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

在Tealium（所有条件相同）中，最简单的方法是通过jQuery onHandler Extension

jQuery扩展需要以下信息：

要注意的jQuery选择器（或多个选择器）
“ Trigger On”事件类型（在此示例中为Click）
要运行的跟踪事件类型（在这种情况下为查看事件）
要设置的变量和值 Tealium jQuery onHandler extension config
请注意，对您的jQuery扩展设置条件始终是一个好主意，这样它们才仅在需要时运行，而不是在所有时间和任何地方运行

在此扩展程序中，我设置了以下内容：

jQuery选择器：'＃MyID_1，＃MyID_2，＃MyID_3'-是的，您可以传递选择器列表或几乎任何其他有效的jQuery选择器语句
触发：“点击”
跟踪事件：“观看”
3个变量：

a。 'page_name'：$(this).text(); //获取链接文字

b。 '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在GA映射工具箱中被映射到page
page_name被映射到title
location不是映射工具箱中的默认选项，因此我们需要添加一个名为location的自定义目标变量并将其映射到my_url。 custom variable mapping for 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')
     })
})`

同时查看两者over here at CodePen。

如何测量使用Tealium / GA的URL片段的单页网站？

1 个答案: