網路專用的 Google 代碼管理工具,會經由您在所有網站網頁中加入的自有容器代碼運作。在行動裝置上,Google 代碼管理工具是藉由 Android 或 iOS 版 SDK 完成部署的。容器會取代您網站或應用程式中所有其他手動編入的代碼,包括 AdWords、Google Analytics (分析) 和 Floodlight 所提供的代碼,以及第三方代碼 (查看受支援代碼的清單)。在網站中加入 Google 代碼管理工具容器代碼後,無論是要更新、加入或管理其他代碼,都能直接使用 Google 代碼管理工具網路應用程式。
透過 Google 代碼管理工具帳戶,即可管理一或多個網站或行動應用程式的代碼。雖然您可以用一個 Google 帳戶設定多個 Google 代碼管理工具帳戶,但每家公司或機構通常只需要一個 Google 代碼管理工具帳戶。
舊版網路瀏覽器 (特別是 Internet Explorer 8 和更舊版本) 可能會導致代碼無法正常啟用,但這些問題在新版網路瀏覽器中的發生機率低了許多。如果您的產品需要能在舊版瀏覽器中使用代碼,極力建議您使用預覽模式進行完整測試再部署。
若要開始使用 Google 代碼管理工具管理代碼,請採取下列步驟:
透過 Google 代碼管理工具帳戶,即可管理一或多個網站或行動應用程式的代碼。雖然您可以用一個 Google 帳戶設定多個 Google 代碼管理工具帳戶,但每家公司或機構通常只需要一個 Google 代碼管理工具帳戶。
Google 代碼管理工具流程 |
舊版網路瀏覽器 (特別是 Internet Explorer 8 和更舊版本) 可能會導致代碼無法正常啟用,但這些問題在新版網路瀏覽器中的發生機率低了許多。如果您的產品需要能在舊版瀏覽器中使用代碼,極力建議您使用預覽模式進行完整測試再部署。
預覽模式一般測試流程 |
若要開始使用 Google 代碼管理工具管理代碼,請採取下列步驟:
① 前往 tagmanager.google.com 建立 Google 代碼管理工具帳戶 (或存取現有帳戶)。
② 為您的網站或應用程式建立容器。
③ 如果是網站:在網站中加入容器程式碼片段,同時移除目前所有的代碼。如果是行動應用程式:導入 Android 或 iOS專用的 Google Tag Manager SDK。
④ 透過 Google 代碼管理工具使用者介面,將代碼 (例如 Google Analytics) 加進網站。在「容器」畫面中按一下 [新增代碼],然後選取代碼類型 (例如 Google Analytics) 並指定代碼啟用時機的觸發條件,設定如下:
⑤ 預覽網站可做為驗收品質的方式。您可以使用偵錯選項,確認網站的外觀和運作方式是否如預期一樣,並且查看您在瀏覽網站並與其互動時啟動哪些代碼,例如:
⑥ 準備好在網站上實際套用變更,請按一下畫面右上方的 [發佈] 按鈕,再按一下 [立即發佈]。這樣這個網站就可以使用 Google Analytics 來觀察數據。