綠色排版工具|熱門專題|網站地圖|移動官網
您的當前位置:網站首頁 > 網站分析 > 數據分析 > 正文

如何在Google Tag Manager中創建事件追蹤代碼

來源:未知 編輯:狂奔小螞蟻 時間:2016-08-21 23:32:33 閱讀:

  很多人都知道,如果要向GoogleAnalytics中發送一個時間需要用到如下的JS代碼:

  ga('send','event','category','action','label',value,{'nonInteraction':false});

  那么在GoogleTagManager(GTM)中的也可以推送GA的事件追蹤代碼,比如說GA中的頁面瀏覽監測。當然在GTM中,還需要對相關的參數進行設置。

  1、在GTM中創建基礎GA事件代碼

  在GTM中添加GA事件代碼的步驟如下:

  1、在GTM中創建新代碼,產品選擇【GoogleAnalytics】,代碼類型選擇【UniversalAnalytics】。

  2、因為這里是要創建一個事件代碼,所以在跟蹤ID部分添上你之前創建的{{GAPropertyID}}。

      3、跟蹤類型選擇【事件】,這時你會發現選擇之后會要求你設置Category(類別),Action(操作),Label(標簽),Value(值)以及Non-InteractionHit(非互動匹配)。接下來再設置好這四個參數的值。

 如何在Google Tag Manager中創建事件追蹤代碼

  4.設置觸發條件。

  5.給新代碼命名后,點擊【創建代碼】按鈕。

  當然以上這些都是基礎的操作,下面我們來介紹在GTM中如何根據自己的需要正確的設置觸發器。

  1、GTM中的事件追蹤

  當你需要在GTM中創建一條代碼時,你可能需要從以下幾個觸發器中選擇一個:

  如何在Google Tag Manager中創建事件追蹤代碼

  【所有網頁】的意思是這條追蹤代碼針對所有你部署了GTM基礎代碼的頁面都會觸發,【某些網頁】的意思是僅在符合你設置的規則的頁面上觸發,【點擊】和【表單】選項則是允許監測相應的點擊動作或者表單提交動作。

  以點擊為例,如果需要點擊代碼被觸發,那么你將需要在GTM中對如下值進行設置:

  示例代碼:

  <aid="link_1"class="button"href="http://www.example.com"target="_blank">BuyNow!</a>

  那么如果想要使得達成以上最終代碼的功能,你就需要在GTM中設置:

 如何在Google Tag Manager中創建事件追蹤代碼

  2、在GTM中設置自定義JS

  自動事件追蹤功能的使用場景還是會有一定的限制。如果你想追蹤在GTM的內置事件類型之外的數據,那么你就需要進行一些JS的自定義設置。

  在GTM中你可以設置如下兩種自定義JS代碼:

   1、自定義的HTML代碼會包含一段可以執行任何你需要的JS功能的script代碼。你可以通過添加事件監聽器,來添加或者修改元素。

  2、自定義JS變量可以回傳相應的值,如果當時你需要從DOM中抓取一個元素或者屬性等。

  如果你對JS已經非常熟悉,那么這部分內容對于你來說應該是非常簡單的。相信你可以靈活的運用這個功能,進行一些高級的設置以實現更高級的需求。

  3、網站代碼中的數據層事件(DataLayerEvent)

  <aonclick="dataLayer.push({'event':'customEvent','eventInfo':{'category':'Button','action':'press'}})">...</a>

  在以上一段代碼中有一個被指定為('customEvent')的事件名稱被發送到GA中,同時發送還有類別和動作。這樣做的好處是,使用方法非常靈活,你只需要在GTM中設置一個簡單的事件追蹤代碼,就可以監測很多種互動數據。缺點是你需要在你要監測的所有頁面上添加需要監測的事件信息。

  如果你的網站上已經部署好了GA的事件代碼,現在要做的只是需要將這些代碼遷移到GTM中,那么使用以上方法就會很方便有效。

  比如說你已經在頁面上部署了如下代碼:

  ga('send','event','Button','press');

  只需將其改成如下形式便可:

  dataLayer.push({'event':'customEvent','eventInfo':{category':'Button','action':'press'}});

  上述案例只是這個功能的一部分。此部分設置可以實現的功能還有很多,你可以創建GTM代碼、觸發器和各種變量,以此向GA中發送相應的數據。

相關文章推薦:

圖文精選:

Copyright?2012-2019 小螞蟻信息網版權所有 粵ICP備14061018號-1


鄭重聲明:本網站資源、信息來源于網絡,完全免費共享,僅供學習和研究使用,版權和著作權歸原作者所有,如有不愿意被轉載的情況,請通知我們刪除已轉載的信息。

Top 韩国2分彩全天计划