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

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

第一步：對shopify網(wǎng)站部署GTM標(biāo)準(zhǔn)代碼

? ? ? ?如上圖所示，使用Google Analysis對應(yīng)gmail賬戶登錄GTM峨眉，創(chuàng)建賬戶；

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

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

第二步：將GTM和GA關(guān)聯(lián)起來

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

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

? ? ? 如上圖所示在變量配置里輸入對應(yīng)shopify網(wǎng)站的Google Analysis Tracking ID, 其他默認(rèn)保存；

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

? ? ? ?設(shè)置完畢，保存后，點擊預(yù)覽，進入GTM預(yù)覽網(wǎng)站監(jiān)測數(shù)據(jù)的模擬模式；這個時候打開網(wǎng)站，隨便進行瀏覽點擊，會在GTM預(yù)覽窗口看到相應(yīng)的click等觸發(fā)動態(tài)，并在Google Analysis后臺的實時數(shù)據(jù)里監(jiān)測到對應(yīng)的行為，效果如下：

? ? ? ?至此，完成了GTM和GA后臺的配置關(guān)聯(lián)；

第三步：配置點擊事件跟蹤需要的數(shù)據(jù)變量

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

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

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

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

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

? ? ? 接下來，我們對某些具體的點擊創(chuàng)建觸發(fā)器，如下圖所示：

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

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

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

? ? ? ? 最后，針對此代碼設(shè)置觸發(fā)器為之前創(chuàng)建好的“某些點擊”的觸發(fā)器，保存；

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

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

? ? ? ?點擊發(fā)布，代碼即可在網(wǎng)站開始工作了。

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