Google Tag Manager中的Google Analytics（分析）事件跟踪

Question

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

我只是想知道谷歌标签管理器与谷歌分析（Google Analytics）的等价物是什么（onchange=“ga（'send'、'event'、'Category'、'Change'、'Value'） ）？

我知道我可以使用上层，但我不是100%确定如何使用它，试着在网上查找几篇文章，但没有什么可以帮助我。

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

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

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

谢谢你的回复




Answer 1

如果我实现这个，我会创建一个自定义超文本标记语言标签，其中包含

因此，情况如下：

1.创建具有类似功能的自定义超文本标记语言标记，启动它

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

2.创建自定义事件类型的触发器，其中事件值=选择更改
3。创建一个作为事件标记的Universal Analytics标记，并填写

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

我在寻找完全相同问题的解决方案，dmpg_tom的解决方案非常有效。

我有一个问题，虽然我的下拉列表的值设置为1，2，3，4等，我需要提取文本。我试过这个。文本和这个。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”

Answer 2

就我个人而言，我采用了Simo Ahava推荐的“通用事件标记”方法。这一切都归功于他，但我会在这里总结一下。

您可以创建一个通用标签来处理任何事件，而不是在GTM容器中堆满一堆用于各种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标签。将标签类型设置为事件，并将类别、操作、标签和值映射到dataLayer变量。使用刚刚创建的触发器触发此标记。从GTM的角度来说就是这样。

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

Answer 3

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

因此，情况如下：

>

创建具有与此类似功能的自定义超文本标记语言标记，在DOM上启动它准备好所有要绑定到选择元素的页面：

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

创建类型为自定义事件的触发器，其中事件值=选择更改

• 类别=用户交互

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