Google anaytics事件跟蹤不工作谷歌標記管理器

Question

您好我想跟蹤點擊網站上的按鈕，因爲我添加了谷歌分析代碼的頭。

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script> 
    <script> 
     window.dataLayer = window.dataLayer || []; 
     function gtag(){dataLayer.push(arguments);} 
     gtag('js', new Date()); 

     gtag('config', 'UA-XXXXXXXX-1'); 
    </script> 

並創建了一個目標與事件

現在我在頁腳添加腳本軌道上單擊按鈕。

jQuery('.apple').on('click', function() { 

     gtag('event', 'apple', { 
      'event_category': 'apple', 
      'event_label': 'apple', 
      'event_action': 'click', 
      'value': '1' 
     }); 

}); 

但它根本不工作。

Answer 1

做到這一點的最佳方法可能是執行dataLayer推送。

dataLayer.push({ 
    event: 'event_name', 
    category: 'event_category', 
    action: 'event_action' 
}) 

我相信送往dataLayer數據可以相當自由，但在起步，因爲它是一個共同的GTM設置粘到類別，動作，標籤模式可能是一個好主意。

一個很好的好處是，如果你之前 GTM負荷宣佈在全球範圍內一個dataLayer變量，它會在頁面會話期間堅持這些變量

<script> 
    dataLayer = [{ 
     pageCategory: 'signup', 
     visitorType: 'high-value' 
    }]; 
</script> 
<!-- Google Tag Manager --> 
<!-- End Google Tag Manager --> 

幾個重要項目要記住：

• 在頁面中一致地使用變量約定非常重要，如果有多個人將事件排放寫入GTM，就像上面所做的那樣，這對於對齊尤其重要。如果數據在另一邊亂七八糟，它將不會提供價值
• 策略規劃報告更廣泛的頁面或會話數據的位置和方式（如上面的第二個示例）與零星事件（如第一個示例） 。
• 沒有意識到您的具體用例，您的價值名稱似乎有點特定。對於某些用例，特殊性很重要，但請記住像「類別」這樣的屬性意味着允許與其他事件相關聯，因此它們需要具有一定程度的抽象。

例如，考慮以下內容。

{ 
    category: 'Fruit', 
    action: 'buy', 
    label: 'apple' 
}, 
{ 
    category: 'Fruit', 
    action: 'eat', 
    label: 'pear' 
} 

希望這會有所幫助！在下面添加了一些涵蓋上述內容的資源並進一步擴展了相關主題。

來源：

https://developers.google.com/tag-manager/devguide https://support.google.com/analytics/answer/1033068?hl=en

Answer 2

通過數據層軌道可能是一個不錯的主意，但也有更簡單的方法來做到這一點。

首先，您需要啓用gtm.click和gtm.linkclick。只需創建這些觸發器： all elements click and links only 然後，您可以看到當您嘗試跟蹤的按鈕（使用GTM視圖）時觸發了哪種類型的變量。 您也可以啓用內置變量**單擊文本**和**單擊Url **並使用它們配置觸發器。click on text and click on url