網站架設完畢後,想要進一步優化,不可避免要進行一系列的數據串接、資料分析,常見的分析工具有像是Google Analytics、Mixpanel、 Hotjar、 SimilarWeb等,不過不管使用了多少網頁追蹤分析工具,最基礎且重要的方法還是建立「分析方法與思維模式」進而提出「有效的優化方法」
在優化的方法中,最基本的工具就屬A/B Test,從簡單的更改標題、更改圖片到網頁排版的調整,只要設定不同變數,透過數據觀察與佐證,藉此來分析那一種方式較能夠達成目標,找到最佳的使用者體驗。目前較知名的 A/B Test工具有Google Optimize、VWO、Optimizely與Unbounce。
- 3點必用原因 - 免費版、付費版比較 - Google Optimize 安裝教學 - Google Optimize 建立各類型體驗步驟 1. A / B版本測試 (A/B tests) 2. 多變數測試 (Multivariate tests) MVT 3. 重新導向測試 (Redirect tests) 4. 個人化 (Personalization overview) 5. 添加橫幅 (Add a banner to your website) - Google Optimize 使用注意事項 - Google Optimize 使用優缺點與心得
Google Optimize 最佳化工具,3點必用原因!
Google 早在2017年推出此服務,主要協助進行網站上的調整測試,同時有可以:
- 視覺化調整,不會coding也可以做測試頁面
- 調整後的數據直接顯示在Google Analytics上
- 有免費版本可以使用
綜合以上3點,只要有用Google Marketing Platform生態系的工具,沒有不用的理由!
Google Optimize免費版跟付費版比較
免費版 | 付費版 | |
適用對象 | 中小企業 | 大型企業或有需要更複雜的測試需求 |
A/B測試 | √ | √ |
Google Analytics 串接 | √ | √ |
針對網址基本設置 | √ | √ |
用戶行為和技術目標 | √ | √ |
地理定位 | √ | √ |
技術定位(JavaScript,cookies,data layer) | √ | √ |
Google Analytics受眾群體定位 | – | √ |
Web應用程序支援 | √ | √ |
多變量測試(MVT) | 多達16個組合 | 多達36種組合 |
實驗目標 | 最多3個預先配置 | 最多10個預先配置,啟動後即可使用 |
同時進行實驗 | 5個 | 超過100個* |
同時進行個性化實驗 | 10個 | 超過100個* |
管理 | 無限用戶的基本管理 | Analytics 360套件管理 |
實施服務 | – | √ |
支持和服務 | 自助服務中心和社區論壇、認證合作夥伴。 | 企業級服務,協助和SLA |
付款方式 | 免費 | 每月開具發票 |
*默認情況下,每個Google Analytics(分析)視圖有24個實驗,可根據要求提供更多實驗
Google Optimize 安裝教學
1. Google Optimize申請
- 建立Google Optimize帳戶 (點此進入)
- 點選「建立帳戶」系統會自動提供一組Google Optimize代碼
- 將帳戶與Google Aanalytics連結,之後就可以在GA上看到測試的數據
- 取得降低頁面閃爍代碼 (現階段可以先跳過,不過測試前若有閃爍的問題,需要請工程師埋入)
2. 將Google Optimize的代碼埋入網站
這裡會有2種埋入方式:
方法一、取得Google Optimize的埋入code後,直接埋入網站
方法二、若有使用GTM統一管理,則將GTM與Google Optimize連接後,就不需要再額外埋一次Google Optimize的code了
3. Google Optimize 建立體驗

- 為體驗命名 (最多255個字元)
- 輸入要測試的網頁網址
- 選擇體驗的類型
4. 確認體驗的類型 (共有4大體驗)
A / B版本測試 (A/B tests)
算是最基礎的設計方法,變數A會是原本的網站,變數B、C、D….n可以隨意修改成想要測試的樣式。也不限於說A、B的差別只能在一個按鈕或一張圖片不一樣,也可以是2個完全不同的網站。在同一個URL底下,想要測試不同元件甚至到完全不同的頁面
使用時機:在同一個URL底下,不同素材間的差別

多變數測試 (Multivariate tests) MVT
可以看做A/B tests的進階版,能同時測試兩個或多個元素,查看哪種組合可產生最佳的效果。
使用時機:在同一個URL底下,變數組合很多,想一次設定測試
以下圖為例子,分別有標題A、B和圖A、B、C,共有6種組合要一次做測試

重新導向測試 (Redirect tests)
在不同的URL下,測試各個頁面版本。
使用時機:舊的網站還沒轉址完成,想要測試部分頁面
Ex 1. 使用不同的URL測試「兩個不同的登錄頁面」: 原始URL:www.example.com/landing1 測試URL:www.example.com/landing2
Ex 2. 測試「託管在子域」上的重新設計的頁面: 原始URL:www.example.com 測試URL:new.example.com
個人化 (Personalization overview)
這裡的個人化,指的是針對「網頁瀏覽者」的個人化設計,可以根據進入網站的特定瀏覽者,設定不同的瀏覽畫面。可以設定的瀏覽者範圍很範圍,從Google Ads的數據、裝置、行為、地理區域、自訂變數都可以當作條件。
使用時機:想要針對「特定」瀏覽者設置的頁面,不一定要當作測試使用,也可以是直接當作劃分使用者的正式頁面。像是想要針對英語系的國家,直接設定來在英語國家的人,顯示特定頁面。

添加橫幅 (Add a banner to your website)*疫情期間則顯示:COVID-19 橫幅
能夠在網頁上增加橫幅,讓使用者快速注意到的通知,這個橫幅的用法可以用在像是臨時的服務變動、時間更動、特殊提醒、拍賣訊息等要。在Google Optimize裡可以結合特定的塞選方式,呈現特定的橫幅訊息。橫幅添加也可以選擇只呈現在單一頁面或是整個網站的頁面。
使用時機:有一項臨時或重要的變動,想要提醒特定或是全部的使用者。
舉例:在疫情時間,想要提醒「台灣區域的」使用者,進入網站的注意事項。在Google Optimize中就會設定,只要使用者從台灣網路進入,就會有上方的通知。

五、各類型建立體驗步驟
當有了想要測試的目標,就可以動手開始測試囉!體驗的詳細教學,這邊以添加橫幅 (Add a banner to your website)為範例,可以點及前往。
六、使用常見問題與注意事項
Q:可以同時跑多個體驗嗎?
A:經過測試,可以同時跑
Q:如果要針對使用者2次體驗做出變更,可以操作嗎?會如何運作?
A:依照官方文件顯示,可以根據不同的啟用事件,操作如果第2次進入,呈現不同畫面
Q:Google Optimize 測試時間應該多長?
A:根據Google 官方文件建議,實驗應該至少滿足以下條件之一:時長至少2週或至少有一個變化版本有95%的概率超過基線
Q:使用Google Optimize會讓網頁變慢嗎?
A:經過測試,跑 Google Speed 的評分,降低了10%
七、使用優缺點與心得
- 避免大幅度的更動,影響原始廣告成效, 可以採用流量分配,測試新版網站
- 想要針對特定瀏覽者設定頁面,不用在後台建立新的頁面或子網域,可以直接透過「個人化測試」的方式直接更改版本
- 避免驚動工程師重刻網站,行銷人、PM、文案、設計師可以先自己動手測試
最後附上測試的報表,會寫出測試的版本獲得的工作階段與瀏覽量(也可以到GA介面看更詳細的數據),右邊的最佳化數據分析,如果像我一樣資料不足,就沒有可以參考的數據了。

更多操作問題,可以參考Google的官方使用文件:
https://support.google.com/optimize
更多頁面排版操作舉例,Google也提供許多範例可以參考:
https://support.google.com/optimize/answer/9338021
實用金融工具推薦
海外匯款超低手續費,還倒轉現金回饋-TransferWise教學
Wirex卡實測(含推薦碼)獲得雙倍刷卡回饋,還有超低外幣匯率
Wirex加密貨幣信用卡介紹,海外刷卡雙倍回饋
Isla Vida 海外生活紀錄
上海生活 | 法國梧桐樹與老洋房,散步在上海英法租界
溫莎城堡 Windsor Castle 40年首次開放女王私人花園