SHOPLINE 身為網路開店平台,支援各大網路行銷追蹤碼,只需要將追蹤編號複製貼上到後台相對應的欄位,便能在一個步驟裡輕鬆完成追蹤碼嵌入,對於正在進行網路商店架設及品牌初期行銷規劃的電商賣家來說,是相當方便及重要的功能。而若你的品牌網站還需要埋入其他追蹤工具,該怎麼做呢?就靠 Google Tag Manager 來幫你!

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

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

第二個問題,也是較常見的一個問題,就是如何安裝第三方行銷工具的程式碼?隨着網路行銷快速發展,有許多能用來管理及分析網路廣告的應用程式和小工具漸漸誕生。但是,資深網路行銷經驗的賣家或行銷人員,要能夠自己處理或者是請工程師將程式碼安裝到網頁上也還是有些麻煩。

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

Google Tag Manager 代碼管理工具可以做什麼?

    1.  利用小工具在網站上加入客服外掛
      maoup_tool
    2.  利用外掛工具 ( 例如:SUMO ) 收集客人的電子郵件fansyrosy
    3. 利用安裝外掛工具來提供商店優惠訊息的跳出視窗pop-up
    4. 利用外掛工具 ( 例如:Zotabox ) 將商店優惠訊息置頂/至底

zotabox-example

Google Tag Manager 代碼管理工具如何建立及安裝?

想要在網路商店安裝客服外掛或者是彈跳視窗嗎?我們先看看要怎麼設定好 Google Tag Manager 的帳號以及如何連接到你的 SHOPLINE 網路商店:

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

    1. 步驟一:登入你的 Google 帳號並

建立GTM 帳號

    步驟二:輸入你的網路商店名稱或者是品牌名稱。

輸入你的網店名稱

    步驟三:輸入容器名稱來設定容器。

Screen Shot 2015-08-21 at 4.49.22 pm

    步驟四:按下「確定」。

在「安裝Google代碼管理工具」界面按「確定」

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

進入「容器」複制以下ID

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

Screen Shot 2017-05-08 at 4.47.07 PM

    步驟七:把複製的 ID 貼在以下的輸入欄裡。

把複制的ID貼在欄內

完成以上步驟就大功告成囉!你已經有 GTM 的帳號,而且已經成功連接到你的 SHOPLINE 網路商店了!

《2020 節慶行銷攻略包》
年末將至,你準備好迎戰 9~12 月一波又一波的節慶檔期了嗎?如何準備才能在節慶大戰中提高業績增加買氣,這本電子書一次告訴你!

免費下載

現在真正的挑戰就開始了,你該怎麼充分利用 GTM 呢?

GTM管理界面

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

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

在「容器」頁面管理你的網店數據

代碼 –

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

觸發條件 –

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

變數-

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

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

如何利用 Google Tag Manager 安裝自訂程式代碼?

再多的說明也比不上實際的示範,就讓我們看看到底要如何使用 GTM 安裝自訂程式碼或者是將 Google Ads 轉換碼及 Facebook 像素埋入商店吧!

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

新增觸發條件

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

新增觸發條件

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

然後依照下圖設定「啟動時機」:

Screen Shot 2015-12-03 at 1.41.05 pm

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

另一個常見的事件「造訪結帳頁」設定方式如下:

另一個常見的觸發頁面:造訪結帳頁

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

新增代碼

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

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

選擇產品的代碼

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

也可自訂HTML代碼

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

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

選擇適當的觸發條件

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

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

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

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

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

你覺得文章有幫助到你嗎?

歡迎給我們評論唷!

0 / 5. 共有 0

可以留下你的評論讓我們知道