Google跟踪代码管理器中的Google Analytics事件跟踪

Question

我对分析事件跟踪等相对较新。

我只是想知道什么是Google跟踪代码管理器相当于Google Analytics（ onchange="ga('send', 'event', 'Category', 'Change', 'Value');" ）？

我知道我可以使用onlayer，但我不是百分之百确定如何使用它，尝试在网上查找一些文章，但没有什么可以帮助我。

基本上我所拥有的是一个样式化的select元素，我想在它改变它的值时跟踪它。 没有提交按钮，它不在表单元素中。

谷歌标记管理器只允许我点击返回错误值，因为它是一个选择元素，需要onchange而不是onclick。

我的问题是，如果有意义，我可以在Google跟踪代码管理器中使用Google Analytics事件跟踪代码吗？ 我的Google Analytics通过Google跟踪代码管理器插入，跟踪也是如此。

感谢您的回复

Answer 1

如果我实现这个，我会创建一个自定义HTML标记，其中包含一个与select元素的onchange事件绑定的函数。 该函数会将自定义事件激发到dataLayer中，该事件还包含相关信息。 然后，您将创建一个使用正确信息的UA事件跟踪标记，并由自定义事件名称触发的自定义触发器触发。

所以，如下：

1. 使用与此类似的功能创建自定义HTML标记，将其激活到您想要绑定到select元素的所有页面的DOM上：

    <script> $('#myselect').on('change', function(){ dataLayer.push({ 'event':'select_change', 'select_val':this.value }); }); </script> 

2. 创建custom event类型的触发器，其中event value = select_change

3. 创建一个Universal Analytics标记，该标记是一个事件标记，并填写所需的详细信息（类别，操作，标签，值）。 如果这是我，我会使用类似的东西
   • category =用户交互
   • action =选择更改
   • label = {{select_val}}

这个标签应该由您在2中创建的触发器触发。

Answer 2

我个人采用了Simo Ahava推荐的“通用事件标签”方法。 所有的功劳归功于他，但我会在这里总结一下。

您可以创建一个可以处理任何事件的通用标记，而不是将各种GA事件的一堆专业标记弄乱您的GTM容器。 使用下面的代码，您可以将事件推送到dataLayer，它们将自动传递到GA。

dataLayer.push({
  'event' : 'GAEvent',
  'eventCategory' : value_for_Event_Category,
  'eventAction' : value_for_Event_Action,
  'eventLabel' : value_for_Event_Label,
  'eventValue' : value_for_Event_Value
});

由于所有事件都包含类别，操作，标签和值，因此为每个事件创建一个dataLayer变量。 然后创建一个自定义事件触发器，该触发器将触发所有自定义事件，并查找您设置的事件名称（Simo使用名称“GAEvent”）。 最后创建一个新的GA标记。 将标记类型设置为event，并将category，action，label和value映射到dataLayer变量。 使用刚刚创建的触发器来触发此标记。 这是从GTM方面来看的。

注意：您不需要为每个事件设置标签和值。 如果不需要，您可以简单地省略它们，或者手动将它们设置为“未定义”。 此外，如果您有许多非交互事件，您可能需要创建触发器和标记的非交互版本，以便您也可以一般性地推送它们。

Answer 3

如果我实现这个，我会创建一个自定义HTML标记，其中包含一个>函数，该函数绑定到select元素的onchange事件。 >函数会将自定义事件激发到dataLayer中，该事件还包含>相关信息。 然后，您将创建一个UA事件跟踪标记，该标记>使用正确的信息，并由自定义事件名称触发的自定义触发器触发。

所以，如下：

1.创建具有与此类似功能的自定义HTML标记，在想要绑定到select元素的所有页面的DOM上启动它>

 <script> $('#myselect').on('change', function(){ dataLayer.push({ 'event':'select_change', 'select_val':this.value }); }); 

2.创建自定义事件类型的触发器，其中事件值= select_change
3.创建一个Universal Analytics标记，该标记是一个事件标记，并填写>所需的详细信息（类别，操作，标签，值）。 如果这是我，我会使用类似的东西

-category =用户互动
-action =选择更改
-label = {{select_val}}

这个标签应该由您在2中创建的触发器触发。

我正在寻找完全相同问题的解决方案，而dmpg_tom的解决方案效果很好。

我有一个问题，因为我的下拉列表的值设置为1,2,3,4等，我需要提取文本。 我试过这个.Text和this.HTML都没有用。

我编辑的代码与一些帮助如下位置 ：

<script>
 $('#myselect').on('change', function(){

var mySelect = document.getElementById("myselect");
var selectedText = mySelect.options[mySelect.selectedIndex].text;

  dataLayer.push({
  'event':'select_change',
  'select_val':selectedText
});
});
</script>

在这个例子中，它现在将返回'Hello'而不是'1'。
<option value="1">Hello</option>