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