GTM – 架設初篇 – Marketing & Design KM

內容目錄

簡介

在前一篇張我們講述了GTM的運作流程，了解了一個網頁中為什麼要埋設GTM碼，他是怎樣做動以及可以在哪裡看到成效。而我們秉持著實驗精神，先都從免費的開始測試，讓我們知道使用這工具背後的意義；而今天就來實際操作如何產生代碼、有沒有埋設成功、最後在哪邊可以看到成效。

開始事前動作

首先你要有Google帳號，並且有一個可以實驗的網頁，這兩個是最重要的腳色，有了Google帳號才能做產生代碼的後續，有自己實驗網頁你才可以埋設GTM追蹤碼。請先到此連結開始事前動作。登入帳號後在頁面中你會看到「建立帳戶」按鈕請按下去。

接著就會看到以下圖片顯示的設定頁面，請依序填入。
標示1:代表你往後登入GTM頁面後會顯示的名稱，也可以說是你的代碼容器的名稱。
標示2:在前面說的你要有自己的網頁，並可以且知道在哪裡放程式追蹤碼。
標示3:用在哪個平台了，這邊絕大部分都是掛載在網頁平台上；當然你假如會自己寫App亦可將GTM掛載在手機軟體中。都輸入好後請按「建立」。

接著GTM就會跳出同不同意它們的規章，按同意就繼續下一步。

以上動作成功的話，網頁會自動導引你到GTM的Dashboard頁面，並且會跳出以下視窗，這時候你就必須開啟你自己網頁的後台，或是網頁程式碼，在<Head>中複製並貼上第一欄的追蹤碼，再來請在你的<body>中貼上第二欄的觸發碼。

這邊簡單說明一下第一欄與第二欄的程式碼功用。這些程式碼是以JavaScript程式語言撰寫，你可以想像埋在Head中的程式碼是適用於你整個網域裡，可以想成它是一個處理器，而埋在Body的就是觸手，除了透過GTM Dashboard建立代碼，也可以自己寫程式碼來當發射器。

function(){
var checkExist = setInterval(function() {
  if(typeof(window.myObject)!="undefined") {
  dataLayer.push({
    "event":"myObject-is-available-notify-gtm-with-a-push"
  });
   clearInterval(checkExist); 
   }

  }, 100);
  })();