Shopiy網站如何通過部署GTM來實現事件跟蹤？

? ? ? ?Google Tag Manager 將網站用戶行為、Google Analysis Report很好的融為一體。通過在shopify網站上部署GTM代碼，能夠更高效、個性化的進行代碼部署管理，并且減少代碼過多加載引起的速度問題。

? ? ? ?在GTM后臺，我們可以通過創建一系列個性化的觸發器和代碼來追蹤運營層面更為個性化的數據，從而給網站運營及數據分析提供更深入的數據支撐。本文就以在shopify網站部署GTM、Button Click Event代碼為例，來詳細講述這一過程，具體Step如下：

第一步：對shopify網站部署GTM標準代碼

? ? ? ?如上圖所示，使用Google Analysis對應gmail賬戶登錄GTM峨眉，創建賬戶；

? ? ? ?Step by Step, 講獲取的GTM代碼如下部署到shopify網站后臺的代碼頁面里：

? ? ? 如上，當GTM代碼部署完畢后可以用Chrome插件Tag Assistant監測代碼是否正常運行，當正常監測數據后，在GTM后臺點擊保存，進入GTM工作界面：

第二步：將GTM和GA關聯起來

? ? ? ? 如上圖所示，在GTM工作區新建代碼，代碼配置命名如圖所示；

? ? ? ?選擇代碼配置為GA 通用分析，然后如下新建變量：

? ? ? 如上圖所示在變量配置里輸入對應shopify網站的Google Analysis Tracking ID, 其他默認保存；

? ? ? ? 針對上述代碼設置觸發條件為all pages, 意思是所有頁面的任何用戶行為都會觸發代碼，在Google Analysis后臺形成對應的報告；

? ? ? ?設置完畢，保存后，點擊預覽，進入GTM預覽網站監測數據的模擬模式；這個時候打開網站，隨便進行瀏覽點擊，會在GTM預覽窗口看到相應的click等觸發動態，并在Google Analysis后臺的實時數據里監測到對應的行為，效果如下：

? ? ? ?至此，完成了GTM和GA后臺的配置關聯；

第三步：配置點擊事件跟蹤需要的數據變量

? ? ? ?對于變量的理解，你可要理解為表征數據行為的參數，如adwords報告里的click,transactions等，這里的變量就是你需要在后期進行事件跟蹤所需要監控的數據維度。

? ? ? ?由于本文主要是要創建一個跟蹤button click event的事件代碼跟蹤，所以我們對應的變量應該是點擊click.

? ? ? ?首先，我們需要在變量里配置click所有變量參數如圖：

? ? ? ? 如圖勾選了右邊的點擊所有變量參數后，我們開始配置觸發點擊的觸發器：

? ? ? ?如圖所示，對該觸發器命名為all clicks, 觸發條件為所有點擊，保存；

? ? ? 接下來，我們對某些具體的點擊創建觸發器，如下圖所示：

? ? ? ?如上圖所示，選擇觸發條件為某些點擊，設置條件為 click text包含Add to Cart，這里需要注意的是，你用來定義這個某些點擊的“某些”條件有多種，不管你選擇什么方式去定義，請確保該定義條件在網站上的行為唯一，否則可能造成跟蹤的數據不準；

? ? ? ?在針對具體的點擊觸發器我們創建完畢后，我們需要創建對應的代碼段來跟此觸發器匹配；選擇新建代碼，如圖：

? ? ? ? 需要注意的是，這里的追蹤類型需要選擇事件，下面的類別和操作可以按照圖中文字來定義，這里填寫的內容主要是展示在GA的報告相應字段里，然后在下面的變量選擇最開始創建的GA變量；

? ? ? ? 最后，針對此代碼設置觸發器為之前創建好的“某些點擊”的觸發器，保存；

? ? ? ? ?至此，已經完成了針對add to cart button click的event 代碼配置，我們現在來預覽下代碼效果，在網站點擊add to cart, 可以在GA實時報告數據里，看到如下的實時事件數據：

? ? ? ?表明部署的事件代碼觸發正確，下面最后一步，進行以上所有設置的正式發布如圖：

? ? ? ?點擊發布，代碼即可在網站開始工作了。

? ? ? ?以上僅為針對add to cart 按鈕點擊事件跟蹤的代碼部署，實際上在GTM里面你可要按照類似的方式針對眾多行為如登錄、收藏、發起結賬、訂閱newsletter等行為進行事件跟蹤；如果你能通過GTM獲取更多的網站運營數據，必將對你分析用戶更為細致的網站行為提供更有力的幫助。