進階電商功能: 強大的GTM讓你輕鬆管理第三方行銷工具

如果看過我們最近的線上課程,應該知道SHOPLINE已經可以支援各大網路行銷追蹤碼,只要將追蹤編號輸入後台,一個步驟就能輕鬆完成追蹤碼植入,對於正在進行網店架設及初步行銷規劃的賣家,是相當方便及重要的功能。

已經累積一些網絡行銷及追蹤分析經驗的賣家,隨着行銷管道的多元化及成熟化,可能會遇到兩個問題。首先,Google Analytics可能已無法滿足你對於追蹤分析的需求,你需要一個更高階的工具,讓你可以一次掌管所有追蹤工具,並能夠輕鬆地增減及修改,不需要請工程師出馬。

(電商新手要怎樣使用Google Analytics? 延伸閱讀:Google Analytics轉換分析設定

第二個問題,也是較常見的一個問題,就是如何安裝第三方行銷工具的程式碼隨着網絡行銷快速發展,更多用來管理及分析線上廣告的應用程式和小工具應運而生。有資深網絡行銷經驗的賣家,要自己處理或請工程師安裝程式碼也有些麻煩。

以上的問題,各位SHOPLINE 店家都不用擔心,因為只需要用我們支援的Google代碼管理工具 (Google Tag Manager, 簡稱GTM),就可以輕鬆增減及管理多個程式碼了!

 

Google代碼工具可以幫到你什麼?

1. 利用SUMO 工具提供優惠訊息視窗

pop-up.jpg

2. 利用SUMO 工具收集客人電郵

fansyrosy-1.jpg

3. 利用小工具增加通訊插件

maoup_tool.png

還有更多!看完之後是不是很心動呢?只要是SHOPLINE 的高階和尊尚計劃店主都可以自己在後台完成Google 代碼工具的串連。

 

Google代碼工具建立和安裝

我們先看看怎樣建立GTM的帳號以及怎樣連接到你的SHOPLINE 網店:

(已經建立好GTM帳號和已經連接到SHOPLINE網店的用戶可以直接進入主題

步驟一

瀏覽 Google 代碼管理工具頁面並且登入你的 Google 帳號

步驟二

輸入你的網店名稱

Screen-Shot-2015-08-21-at-4.48.57-pm.png

步驟三

輸入容器名稱來設定容器

Screen-Shot-2015-08-21-at-4.49.22-pm.png

步驟四

按「確定」

Screen_Shot_2015-08-21_at_4_50_43_pm.png

步驟五

進入你的「容器」然後複製以下的ID。

Screen_Shot_2015-08-21_at_4_51_05_pm.png

步驟六

返回你的SHOPLINE後台管理頁面,然後在「追蹤設定」裡增加「Google 代碼管理工具」。

Screen-Shot-2017-05-08-at-4.47.07-PM.png

步驟七

把複製的 ID 貼在以下的輸入欄裡。

Screen-Shot-2015-08-21-at-4.54.05-pm.png

大功告成!你已經有GTM的帳號而且已經成功連接到你的SHOPLINE 網店了!

 

如何充分利用GTM

Screen-Shot-2015-12-02-at-6.18.49-pm.png

GTM的「管理」介面看起來和Google Analytics (GA)的管理介面十分相似,只是名稱有些不同。GTM裡面的「容器」和GA的「資源」一樣,就是一個網站的意思。和GA一樣,使用這個工具的第一步,就是要安裝一個追蹤碼到我們網站的所有網頁上。但是上面步驟一到步驟七的初步設定我們已經安裝完了。

安裝完成後,就可以在「容器」頁面進行管理了:

Screen-Shot-2015-12-02-at-6.18.49-pm.png

代碼 –

Google代碼管理工具的「代碼」,其實就是我們使用的「程式碼」。你可以在一個「容器」中安裝多個代碼,直接透過GTM增減、變更、管理。

觸發條件 –

由於每個代碼(程式碼)的使用情況不同,你可以透過「觸發條件」設定在程式碼在哪些事件發生時才執行。事件類型包含網頁瀏覽、點擊、提交表單等等,也可以使用網址或變數等條件來設定自訂事件。

變數

GTM提供很多內建變數,觸發條件在執行時會比較變數中的值與定義觸發條件時所指定的值,再由系統判斷為true或false。另外,更進階的用戶也可以自訂變數。

瞭解更多:Google Tag Manager說明 – 代碼、觸發條件、變數和資料層

 

如何利用GTM安裝自訂程式碼

再多的說明也比不上實際的示範,就讓我們看看到底要如何使用GTM安裝自訂程式碼吧!

在加入代碼前,你必須先瞭解代碼如何運作,需要使用到哪些觸發條件。如果你的代碼是用於追蹤結帳,卻將觸發事件設定為網頁瀏覽,代碼當然就無法正常使用了。

新增觸發條件

在「觸發條件」點選「新增」後,你可以看到以下多種事件類型可以選擇:

Screen-Shot-2015-12-03-at-1.34.32-pm.png

以「在SHOPLINE 網店完成結帳」為例,選擇「自訂事件」為事件類型。

然後依照下圖設定「啟動時機」:Screen-Shot-2015-12-03-at-1.34.32-pm.png

只要兩個步驟就可以新增一個觸發條件了。

另一個常見的事件「造訪結帳頁」設定方式如下:Screen-Shot-2015-12-03-at-1.41.05-pm.png

新增觸發條件後,下一步就是新增代碼了!

新增代碼

同樣在代碼部分選擇「新增」,可以看到以下GTM所支援的眾多產品。

如果你要新增的代碼屬於以下產品,太好了!你可以直接選擇,並按照該產品提供的指示進行設定。

Screen-Shot-2015-12-03-at-1.31.05-pm.png

如果沒有的話也沒關係,選擇「自訂HTML代碼」繼續:

Screen-Shot-2015-12-03-at-1.37.11-pm.png

輸入完代碼後,選擇啟動時機:

你可以選擇以下預設的觸發條件,或點選「其他」選擇你已設定的觸發條件。

Screen-Shot-2015-12-03-at-1.37.30-pm.png

點選「其他」後,就可以選擇你已儲存的觸發條件:

Screen-Shot-2015-12-03-at-1.37.40-pm.png

儲存以上設定後,加入代碼的任務就大功告成了!

之後,你就可以隨時修改及新增代碼,而不需要碰觸到網站的原始碼。無論是對於不熟悉編程的用戶,或是自己架設網站的開發者,都是相當方便的功能。

SHOPLINE 作為自助電商平台,除了提供簡單上手的管理介面,也希望提供店主自由發揮的彈性空間,將自己的網店打造得盡善盡美,開放支援GTM是其中一種方法,讓在行銷或技術上想進一步實驗創新的賣家,有一個強大又方便的選擇。

 

延伸閱讀:

網店回頭客的重要性 – 利用GTM吸引訪客再次光臨

New Call-to-action
shopline-workshop

訂閱電商教室週報

追蹤 Facebook 專頁