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年推出此服務,主要協助進行網站上的調整測試,同時有可以:

  1. 視覺化調整,不會coding也可以做測試頁面
  2. 調整後的數據直接顯示在Google Analytics上
  3. 有免費版本可以使用

綜合以上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申請

  1. 建立Google Optimize帳戶 (點此進入)
  2. 點選「建立帳戶」系統會自動提供一組Google Optimize代碼
  3. 將帳戶與Google Aanalytics連結,之後就可以在GA上看到測試的數據
  4. 取得降低頁面閃爍代碼 (現階段可以先跳過,不過測試前若有閃爍的問題,需要請工程師埋入)

2. 將Google Optimize的代碼埋入網站

這裡會有2種埋入方式:
方法一、取得Google Optimize的埋入code後,直接埋入網站
方法二、若有使用GTM統一管理,則將GTM與Google Optimize連接後,就不需要再額外埋一次Google Optimize的code了

3. Google Optimize 建立體驗

  1. 為體驗命名 (最多255個字元)
  2. 輸入要測試的網頁網址
  3. 選擇體驗的類型

4. 確認體驗的類型 (共有4大體驗)

A / B版本測試 (A/B tests)

算是最基礎的設計方法,變數A會是原本的網站,變數B、C、D….n可以隨意修改成想要測試的樣式。也不限於說A、B的差別只能在一個按鈕或一張圖片不一樣,也可以是2個完全不同的網站。在同一個URL底下,想要測試不同元件甚至到完全不同的頁面

使用時機:在同一個URL底下,不同素材間的差別

Google Optimize A / B版本測試 (A/B tests)
Google Optimize A / B版本測試 (A/B tests)

多變數測試 (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%

七、使用優缺點與心得

  1. 避免大幅度的更動,影響原始廣告成效, 可以採用流量分配,測試新版網站
  2. 想要針對特定瀏覽者設定頁面,不用在後台建立新的頁面或子網域,可以直接透過「個人化測試」的方式直接更改版本
  3. 避免驚動工程師重刻網站,行銷人、PM、文案、設計師可以先自己動手測試

最後附上測試的報表,會寫出測試的版本獲得的工作階段與瀏覽量(也可以到GA介面看更詳細的數據),右邊的最佳化數據分析,如果像我一樣資料不足,就沒有可以參考的數據了。

更多操作問題,可以參考Google的官方使用文件:
https://support.google.com/optimize
更多頁面排版操作舉例,Google也提供許多範例可以參考:
https://support.google.com/optimize/answer/9338021


實用金融工具推薦
海外匯款超低手續費,還倒轉現金回饋-TransferWise教學
Wirex卡實測(含推薦碼)獲得雙倍刷卡回饋,還有超低外幣匯率
Wirex加密貨幣信用卡介紹,海外刷卡雙倍回饋

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

Leave a Comment

Your email address will not be published. Required fields are marked *