Google Optimize 教學網頁怎麼做 A/B Test？免費網頁流量測試

網站架設完畢後，想要進一步優化，不可避免要進行一系列的數據串接、資料分析，常見的分析工具有像是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
付款方式	免費	每月開具發票

resource：https://support.google.com/360suite/optimize/answer/7084762/
*默認情況下，每個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種組合要一次做測試

Google Optimize MVT Demo 多變數測試 - Isla Vida — Google Optimize 多變數測試 MVT

重新導向測試 (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中就會設定，只要使用者從台灣網路進入，就會有上方的通知。

Google Optimize添加橫幅 (Add a banner to your website) — 添加橫幅 (Add a banner to your website)會在網頁上方呈現通知

五、各類型建立體驗步驟

當有了想要測試的目標，就可以動手開始測試囉！體驗的詳細教學，這邊以添加橫幅 (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

Isla Vida 海外生活紀錄
上海生活 | 法國梧桐樹與老洋房，散步在上海英法租界
 溫莎城堡 Windsor Castle 40年首次開放女王私人花園