學習 Google Tag Manager 代碼管理工具最快速且扎實的方法,莫過於邊學習邊操作,只是看著影片或是文字還不夠,因為實作的時候往往會遇到一些課本上沒出現過的問題,就像是一直看李小龍的影片想學習武術招式,也不代表真的能夠打出一樣的拳法。
如果你有自己的線上網站(或是公司的)可以直接拿來操作那當然是再好不過,但請先學著別把網站用壞掉了,以免工作不保。
為了避免這樣的情況,建議可以先在自家電腦架設一個 WordPress 網站來練習,自建的 WordPress 雖然無法對外開放給外部的人看到,但是在 GTM 以及 GA4 的連接都可以正常運作,你可以順利啟動 GTM 代碼並將相關資訊發送到 GA4,這些操作都沒有問題。
架設本地端網站非常簡單,只需點擊幾個按鈕即可完成。接下來,讓我們繼續看下去。
自建 WordPress 網站 1,2,3
下載 WP 建站軟體「Local」
來到網站 Localwp.com 下載軟體,下載安裝之後就可以開始建立你個 WordPress 網站。
新增網站
打開軟體後,選擇左上角「檔案」選單,選擇「建立新網站」
選擇新增 WordPress 網站
輸入網站名稱
選擇預設環境即可
設定帳號密碼
因為網站只會在本機端運作,當軟體 Local 啟動網站時,才有辦法登入到網站,因此帳號密碼簡單設定就可以,這邊我們就將帳密都設定成 admin/admin,完成之後點選右下角「Add Site」,我們就會看到軟體開始建立網站的畫面。
網站建立完成!
看到這個畫面就表示你的網站已經建立完成了,點擊右上角的按鈕可以進入 WordPress 網站的後台管理介面,或是直接前往網站本身。最右上角則顯示你的網站正在運行中。
完成這些設置後,我們就可以開始安裝 Google Tag Manager(GTM)代碼管理工具了。
(關於如何安裝 GTM 代碼的教學,請看下篇文章:如何安裝 GTM-Google 代碼管理工具?我們會在文章中教學兩個最簡單的安裝方式:直接修改網頁原始碼以及透過 WordPress 外掛插件。)
總結一下
在本文中,我們學習了建立本地端 WordPress 網站的步驟,這為我們後續的 Google Tag Manager(GTM)代碼管理工具的安裝提供了基礎。透過這樣的練習,我們不僅可以迅速掌握操作流程,還能夠在實際環境中進行設定,加深對於網站運作的理解。
我們甚至可以直接編輯網站原始碼。這樣的練習不僅可以幫助你直接在網站上放入 GTM 代碼,還可以讓你從工程師的角度稍微了解網站運作原理,有助於未來與工程師更有效率地溝通與協作,都是非常有幫助的。
延伸閱讀
如果你很喜歡這篇文章並且覺得內容有幫助,又剛有些多餘時間,歡迎你看看其它文章,繼續探索(這坑?這地獄?這片樂土?)
同時,如果對於內容有疑問或是建議,也歡迎你留言告訴我們:)