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>