谷歌代碼管理器事件的DOM元素

Question

與谷歌標記管理工具自動事件追蹤（dataLayer.push）跟蹤，我想跟蹤此信息：

1. 鏈接的名字在我的菜單中點擊 ，例如：

   <ul class="my-nav"> <li> <a href="http://www.anothersite.com" target="_blank" rel="external">Anoter site</a> </li> </ul>

如此： '另一個站點'

1. 我要推名稱與這種結構被點擊鏈接的父鏈接的名稱： '鏈接名稱'
   我想：

   <li>Linkname <ul> <li> <a href="http://www.website.com" target="_blank" rel="external">Website name</a>
<li> <ul> <li>

   所以有

2. 切換鏈接的「狀態」 - 是否該元素具有「打開」類或不是

   <a class="content-toggler open" href="#">Hide all the content</a>

我已經經歷了很多教程和演練，但大多數談論追蹤到外部網站一般，或提交事件等的鏈接閱讀。 這裏我想跟蹤某個dom樹中鏈接的名稱。 我想跟蹤某個類的元素「狀態」。

請解釋如何做到這一點，或者將這些事件的例子推薦給我，例如 ，而不僅僅是一般的漫遊。

很多很多謝謝！

Answer 1

讓我們從最後一個開始。 1）你需要做什麼來創建鏈接點擊監聽器（新標籤 - >標籤類型 - >鏈接點擊監聽器），並在所有頁面（或僅與其相關的頁面）上運行它。這會爲您在規則中使用的GoogleTagManager生成一個事件。

2）創建一個如下所示的規則。這將觸發一個事件，我們將設置類似如下的事件下一階段

3）做。請注意，我添加了一個元素ID。如果您有多個切換打開鏈接，您需要找到一種方法來在Google分析中區分它們。身份證可以幫助你。另請注意，使用gtm只能使用類，而不能使用一個特定的類。 （據我所知）

現在，讓我們回到第一個。您可以使用與上面相同的方法，但不要將{{element classes}作爲事件的值，而是可以創建一個將使用該鏈接的內部文本（gtm.element.innertext）的新宏。關於怎麼做，請看這裏：http://www.swellpath.com/2013/10/google-tag-manager-inspecting-andconfiguring-auto-event-tracking/

對於第二個，你需要三級父母的innertext。我不知道如何實現它，而不是使用JavaScript來通過數據層調用事件。

所以我建議像下面這樣的解決方案：

1. 創建GTM上監聽到通過數據層推事件的事件。 如何做到這一點，到這個帖子：http://moz.com/ugc/tracking-google-analytics-events-with-google-tag-manager 開始「追蹤谷歌分析活動與GTM：第二種方式」並執行步驟：1,2和3

2. 創建一個當執行JavaScript代碼鏈接被點擊。這個JS會在單擊該鏈接時獲取第三個父元素的文本。我再次建議提供ID，這樣任務會更容易。

然後，相同的JS代碼應該然後運行該代碼

dataLayer.push({ 'event':'GAevent', 'eventCategory':'Navigation Clicks', 'eventAction':'Menu Item Click', 'eventLabel':'Outbound Click', 'eventValue:***YOUR 3RD LEVEL PARENT TEXT HERE***}); 

然後用值的情況下，通過谷歌分析登記。

請注意，我在回覆中爲事件值提供的所有名稱都基於我對您需求的理解。您需要根據此事件跟蹤將其調整到您想要實現的目標。