WordPress 追蹤碼設定：GA4、GTM、FB Pixel

課程緣起

如何搜集進階的數據

初步的網站成效我們可以透過流量來得知，但是...  有流量之後我們也想知道更進一步的資料呀～ 例如大部分用戶是用手機、平板還是電腦來看我們的網站的，或者大部分瀏覽我的網站的用戶來自哪個國家等等...

而這些數據，我們都可以透過 Google Analytics 追蹤碼技術來做到！

追蹤使用者的好處

你當然不會知道使用者的姓名等等的資料，但你可以知道裝置的類別、使用者到了哪個網頁、使用者在哪個網頁停留最久、使用者的國家、使用者大部分是自然搜尋還是其他連結等資料...

有了這些數據，我們就可以更近一步優化我們的網站，例如發現了大部分使用者都是以手機瀏覽，那我們的排版就會盡量以一欄式的排版為主，減少畫面的複雜程度。

在 WordPress 中設定追蹤碼，使用大數據分析，讓你更加瞭解網站瀏覽的使用者。雖然WordPress 外掛中有簡易的 Google 追蹤碼設定串接外掛，但根據我的使用經驗，他會大幅度的拖慢網站速度，因此這個課程會教你以簡易的程式碼來串接追蹤碼。

這個課程，不只會帶你串接 Google Analytics，我們還會串接 Facebook Pixel 並且使用 Google Tag Manager 管理。

注意！這個課程中尚未包含最新 Server Side 伺服器端轉換 API 追蹤！

WordPress 系列課程

無 WordPress 基礎

看完上述內容後，發現沒有任何 WordPress 基礎！觀迎加入平凡以上老師的基礎免費課程「WordPress 新手第一堂必修入門課」。

WordPress 功能導向、進階課程

平凡以上老師推出一系列 WordPress 課程，想要進階學習的朋友，歡迎根據自己的學習需求，加入以下課程喔！

• WordPress 用邏輯設計網頁：區塊編輯器
• WordPress 部落格架設：頁面彙整到進階工具
• WordPress SEO 優化：提升 Google 排名
• WordPress 優化：圖片壓縮、安全性與備份
• WordPress 打造電商網站：WooCommerce 系統

入門了解追蹤碼的原理

我們會以最簡單的方式帶你了解追蹤碼究竟是怎麼開始追蹤數據的，帶你從零開始了解如何追蹤用戶資料。雖然會寫一點點的程式碼，但都是以複製貼上的方式操作，因此不用擔心太複雜優～

GA, Facebook Pixel, GTM 一次搞定

除了最基本的 Google Analytics 4 以外，這個課程還會一口氣教你 Facebook 像素，以及 Google Tag Manager，讓你在管理代碼以及未來的使用上有更多選擇。

搜集這些數據不僅僅是讓你更加了解使用者，未來你也可以利用這些數據來進行廣告的行銷活動。（廣告行銷不在本次課程範圍呦～）

單一按鈕的追蹤

學習好如何追蹤單一按鈕，未來任何你想追蹤的網站元素都可以追蹤的到，不論是註冊按鈕、購買按鈕、訂閱按鈕、下載按鈕等等，最常使用的就是結帳頁面的結帳按鈕是否有被點擊，如果有被點擊，表示這個物品是有被購買的。更加了解使用者，才能更近一步優化網站。

這個課程總共有 2 大章節，你將學會使用 Google Analytics 4 （GA4）、Facebook Pixel 以及 Google Tag Manater （GTM）。

追蹤碼設定

這個章節中，你將學會如何透過簡單的程式碼複製貼上，不透過外掛軟體，就可以手動安裝好追蹤碼，完全不會減低網站速度！

你將在這個章節學會追蹤碼的概念，並且安裝完成 Google Analytics 4（GA4）、Facebook 像素以及安裝完成 Google Tag Manager（GTM）。

GA4｜設定 Google Analytics 4

追蹤碼 Tag 概念｜到底什麼是追蹤？為什麼安裝後就可以知道使用者數據？

資料判讀｜了解簡易的資料判讀方式，幫助你未來修正網站內容方向

Facebook Pixel｜Facebook 的追蹤像素，安裝完成你也能將網站數據分享到 Facebook 上

Google Tag Manager｜安裝與設定 GTM，統一管理你的所有追蹤碼

GA 使用模板設定｜從此不再一個一個輸入，透過 GTM 一鍵完成 GA 串接

學習重點：搞動追蹤碼是什麼？

追蹤按鈕

透過 GTM，我們將更近一步設定追蹤單一按鈕，你可以在不用寫程式碼的狀況下，只在 GTM 的介面就可以設定完成你想追蹤的任何按鈕，這也是為什麼這個課程要以 GTM 來設定我們所有的追蹤碼。

在這個章節，你將學會追蹤兩種按鈕，網頁上的任何一個按鈕，以及結帳按鈕，經過這兩個練習，從此你將學會追蹤任何一個你網站上面的按鈕。

課程的最後，我們也要將 Facebook Pixel 交給 GTM 管理，你的網站最後的追蹤中心 GTM 就會成為完全體！

追蹤單一按鈕｜網站上任何按鈕都可以被你監視（好可怕...

追蹤購物車按鈕｜從此算出轉換率！

解釋進階設定｜購物車按鈕追蹤更近一步解釋，讓你更清楚邏輯

GA成效即時數據｜誰說流量分析要等好幾天，即時數據帶你馬上看出這幾秒內的成果

GTM 管理 Facebook 像素｜GTM 追蹤碼中心完成設定！

Facebook 像素追蹤購物車｜相同邏輯，也可以在 Facebook 追蹤數據

學習重點：追蹤單一按鈕事件

關於講師

平凡以上的創辦人，李東霖

擁有中山大學教育所學位，致力於線上學習與無所不在學習，結合教育專長與影片學習，教你有邏輯有組織規劃的學習軟體知識。相信終身學習與線上學習之間新型態的翻轉教育。

曾開課包括 WordPress 網站架設、網站速度優化、WooCommerce 電商平台、SEO 搜尋引擎優化等。

擅長軟體操作與生產力工作的使用。

平凡以上作品集

很多網站都隨著時間新增更多不同內容，並有排版與設計上的更改，截圖畫面為當時製作完成的成品樣式，想觀看更多網站專案，或觀看最新的網站設計樣式，歡迎您點擊以下連結：

前往平凡以上開發部落格，觀看更多專案

更多平凡以上教學連結

平凡以上致力於 WordPress 的教學，發現好用的東西、實驗性的產品、資訊的分享與統整等，都會放在 Youtube 頻道

以及資訊中心呦～

這些資源較多以分享資訊為主，扎實的教學內容一定要來 Hahow 學習～

學員分享心得

上完課的文字心得

• 迷途羔羊／產品部落客

原本有打算架設 WordPress ，結果安裝完成發現什麼都不懂也不知道怎麼操作… 看完平凡以上的教學真的可以順利架設網站！

• Lay 皮革工作室／個人工作室

超讚的架網站方式，原本只有經營粉絲專頁，自從加入網站後有許多顧客透過 Google 搜尋找到我～ 業績增加了不少呢！

• 卡米拉／上班族

本來沒想那麼多，只是有興趣架設網站，沒想到這麼有趣啊～

學員作品連結分享

網站經營每日都在變化，因此學員作品不以截圖的方式分享，以連結的方式與您分享，不同時間點進去觀看都可能有更多不同的內容～

• 迷路的郭

• 牛肉老實說

• 陳建源律師事務所

• 長奕記帳士事務所

• 富民當舖

回覆與作業設計

問題回覆頻率

線上課程大家最害怕的就是有問題沒地方問，平凡以上是由 Youtube 起家的，至今已經解決了超過百名網友的問題，身為我的學生你絕對找得到我。

平凡以上有 Facebook 社群、粉絲專頁、官方網站、Youtube 頻道與 Email 信箱，而這個課程也有留言回覆的功能，

我會以每週回覆至少一次訊息的頻率，協助大家學習！

作業批改頻率

課程中的作業設計皆以協助您檢視學習成果設計，記得要完成每個作業呦～

我會以每月批改一次作業的頻率，協助大家檢視學習成果！

資源引用

"Icon made by Freepik from www.flaticon.com"