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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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