WordPress 追蹤碼｜GA4、GMT 以及 FB 像素

課程內容

如何搜集更近一步的數據

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

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

追蹤使用者的好處

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

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

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

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

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

入門了解追蹤碼的原理

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

GA, Facebook Pixel, GTM 一次搞定

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

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

單一按鈕的追蹤

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

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

追蹤碼設定

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

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

1. GA 4｜設定 Google Analytics 4
2. 追蹤碼 Tag 概念｜到底什麼是追蹤？為什麼安裝後就可以知道使用者數據？
3. 資料判讀｜了解簡易的資料判讀方式，幫助你未來修正網站內容方向
4. Facebook Pixel｜Facebook 的追蹤像素，安裝完成你也能將網站數據分享到 Facebook 上
5. Google Tag Manager｜安裝與設定 GTM，統一管理你的所有追蹤碼
6. GA 使用模板設定｜從此不再一個一個輸入，透過 GTM 一鍵完成 GA 串接

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

追蹤按鈕

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

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

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

1. 追蹤單一按鈕｜你可以監視網站上的任何按鈕
2. 追蹤購物車按鈕｜從此算出轉換率！
3. 解釋進階設定｜購物車按鈕追蹤更近一步解釋，讓你更清楚邏輯
4. GA成效即時數據｜誰說流量分析要等好幾天，即時數據帶你馬上看出這幾秒內的成果
5. GTM 管理 Facebook 像素｜GTM 追蹤碼中心完成設定！
6. Facebook 像素追蹤購物車｜相同邏輯，也可以在 Facebook 追蹤數據

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