Google Optimize ABTest 讓用戶增長(zhǎng)更猛一些！

一、背景

最近在思考一個(gè)問(wèn)題，那就是：隨著疫情的發(fā)展，獨(dú)立站越來(lái)越流行，而獨(dú)立站更多的就是 Web，而非 App。所以對(duì)于端開(kāi)發(fā)者而言，好像有點(diǎn)時(shí)光倒流了。特別是 iOS14 這個(gè)煙霧彈 若隱若現(xiàn)的，干擾著 App 廣告人的視線，導(dǎo)致大家又重新開(kāi)始審視 Web 廣告投放了。

這也是我為什么要研究的原因。

上一次，我們講了 Google Tag Manger，一次部署，配置化完成網(wǎng)站運(yùn)營(yíng)需求，的確方便了廣告主的快速投放，甚至還可以在下單完成后，再?gòu)椏蛩腿?，好好就用的話，必然?huì)對(duì)廣告投放有大的提效。

用戶被拉過(guò)來(lái)后，我們面臨的是怎樣讓用戶高效轉(zhuǎn)化。

到底網(wǎng)頁(yè)上的按鈕顏色用紅色還是藍(lán)色？或者 到底 用戶喜歡 A 頁(yè)面 還是 B 頁(yè)面。再或者 新用戶是喜歡 A 頁(yè)面或 B 頁(yè)面；而老用戶喜歡 C 頁(yè)面或 D 頁(yè)面。

怎么辦？所以這個(gè)時(shí)候，Google Optimize 就派上用場(chǎng)了。因?yàn)樯鲜龅膱?chǎng)景只要引用 Google Optimize 的 JS 代碼，一切都可以配置化完成。

先上一張 Google Optimize 的網(wǎng)頁(yè)截圖如下：

Google Optimize

說(shuō)得很直白，你的網(wǎng)站其實(shí)就是你的櫥窗，前所未有地吸引您的網(wǎng)站訪問(wèn)者，免費(fèi)創(chuàng)建個(gè)性化體驗(yàn)的 ABi 測(cè)試吧。

業(yè)內(nèi)一直說(shuō)的 No Data，No Bibi。以及 Shein 和 元?dú)馍值膭?dòng)態(tài)測(cè)品，都是在更大維度的測(cè)試，但到了網(wǎng)站，你的網(wǎng)站的轉(zhuǎn)化也是需要 Ab 測(cè)試的。

二、開(kāi)始 Google Optimize 之旅

我們接著來(lái)實(shí)戰(zhàn)一下吧。

說(shuō)一下我們的實(shí)戰(zhàn)的內(nèi)容：

1. 我想測(cè)試一下，頁(yè)面上添加到購(gòu)物車(chē)按鈕文案：Add To Cart 改為 SHOP NOW 哪一個(gè)效果更好。

2. 我對(duì)網(wǎng)站進(jìn)行了改版，A 頁(yè)面為老頁(yè)面，B 頁(yè)面為新頁(yè)面，我想知道哪個(gè)頁(yè)面的轉(zhuǎn)化比較好。

三、通過(guò)Google Optimize動(dòng)態(tài)修改頁(yè)面元素

在使用之前，你需要有一個(gè)網(wǎng)站，這里就用我自己的網(wǎng)站進(jìn)行測(cè)試了，以及 google analytics、Google Optimize的帳號(hào)，然后我們?nèi)ptimize中去創(chuàng)建體驗(yàn)。

進(jìn)

點(diǎn)擊 創(chuàng)建體驗(yàn)后進(jìn)入下面頁(yè)面：

創(chuàng)建實(shí)驗(yàn)頁(yè)面

這里點(diǎn)擊創(chuàng)建按鈕后，進(jìn)入如下界面：

設(shè)置實(shí)驗(yàn)詳情

這里我們先看一下我們頁(yè)面的代碼：

直接上代碼

在 Header 中我們已經(jīng)添加了 optimize.js，然后我們的 body 中 有一個(gè)添加到購(gòu)物車(chē)鏈接，已經(jīng)通過(guò)藍(lán)底色圈中。

如果正常情況下，我們想測(cè)試 這個(gè)鏈接的文案是用 Add To Cart 還是 BUY NOW 那要費(fèi)老勁了，開(kāi)發(fā)，AB，然后看報(bào)表。

但現(xiàn)在我們可以直接通過(guò) Optimize 的 變體來(lái)實(shí)現(xiàn)。

添加變體

接上上張圖片中的添加變體，取個(gè)名字：BUY NOW Test后，詳如下圖：

添加變體成功后

這里就有了兩個(gè)分桶實(shí)驗(yàn)，各占50%的分桶，50%用戶去原始網(wǎng)頁(yè)桶，50%用戶去你的實(shí)驗(yàn)桶。那實(shí)驗(yàn)桶 要怎樣 把 Add To Cart 文案 改為 BUY NOW 呢？我們點(diǎn)擊藍(lán)色的按鈕 修改。

進(jìn)入修改頁(yè)面

選中我們要修改的 Add To Cart 鏈接后，右下角出現(xiàn) 修改元素一欄。

我們選擇修改文本

點(diǎn)擊修改后，彈出菜單，可以是移除，修改文檔，以及 HTML，甚至運(yùn)行 Javascript，當(dāng)然也可以自定義按鈕的樣式 CSS。

可以直接鏈入我們要修改的文案

把 Add To Cart 修改為 BUY NOW。點(diǎn)擊完成回到主界面，向下滾動(dòng)，添加GA 中的衡量指標(biāo)如下：

這里設(shè)置為網(wǎng)頁(yè)瀏覽量

需要先關(guān)聯(lián)好 GA 相關(guān)帳號(hào)，然后我們選擇 衡量的指標(biāo)就是 網(wǎng)頁(yè)瀏覽量。

再向下滑動(dòng)，可以看到Google Optimize 要求我們?cè)诰W(wǎng)頁(yè)中嵌入的 JS SDK 代碼。

截屏2021-03-29 下午5.05.07.png

到這里，我們就可以啟動(dòng)我們的實(shí)驗(yàn)了。

可以啟動(dòng)實(shí)驗(yàn)看效果了

點(diǎn)擊啟動(dòng) 按鈕。。。。。

啟動(dòng)后，我們就可以體驗(yàn)了，點(diǎn)擊結(jié)束按鈕邊上的實(shí)時(shí)調(diào)試。

開(kāi)啟實(shí)時(shí)調(diào)試

然后會(huì)看到訪問(wèn)網(wǎng)頁(yè)時(shí)的 AB 實(shí)驗(yàn)的分發(fā)信息如下：

我當(dāng)前命中了自然桶

那要怎么觸發(fā)實(shí)驗(yàn)桶呢？為了保證用戶的體驗(yàn)一致性，所以給我分發(fā)了自然桶的話，我這個(gè)瀏覽器已經(jīng)被寫(xiě)入了分桶 cookie，要換一個(gè)瀏覽器，或隱私方式來(lái)測(cè)試了。

我換了 Safari 瀏覽器

然后我們發(fā)現(xiàn)，同樣的網(wǎng)址，但是不同瀏覽器的展示的文案不一樣了。

放在一起秀一秀

所以通過(guò) Google Optimize 就實(shí)現(xiàn)了 動(dòng)態(tài)分桶修改頁(yè)面的元素了。

還可以修改 HTML噢！

所以 對(duì)于頁(yè)面上的任意元素和布局，基本是無(wú)阻礙了。

三、頁(yè)面效率對(duì)比 的 ABTest實(shí)施

形如下圖：

要測(cè)試效率的兩個(gè)頁(yè)面

直接創(chuàng)建重定向測(cè)試

直接創(chuàng)建重定向測(cè)試，來(lái)對(duì)比 B 頁(yè)面 和 C 頁(yè)面的轉(zhuǎn)化效率。

重定向測(cè)試待處理事項(xiàng)

我們未點(diǎn)亮的操作如下：

1. 創(chuàng)建變體，即告訴我們可以重定向到其他什么頁(yè)面。

2. 設(shè)置目標(biāo)，用來(lái)衡量切換后的效果。

3. 然后就可以啟動(dòng)了。

我們這里講第1步，點(diǎn)擊 添加變體 按鈕。

輸入 C 的網(wǎng)址

然后向上次一樣設(shè)置好目標(biāo)，就可以啟動(dòng)了。

可以啟動(dòng)實(shí)驗(yàn)了

然后就可以去測(cè)試一下 重定向的速度了。

四、小小的感慨

Google 真是 PAAS 的產(chǎn)品典范，輕開(kāi)發(fā)越來(lái)越成為趨勢(shì)，現(xiàn)在想想，以前搭一個(gè)開(kāi)發(fā)環(huán)境，數(shù)據(jù)庫(kù)用哪個(gè)版本，JAVA 用哪個(gè)版本，操作系統(tǒng)用什么版本，都需要開(kāi)發(fā)人員關(guān)心，但是現(xiàn)在開(kāi)發(fā)，有了docker，環(huán)境配置，以及要部署的代碼都做成了鏡像，可以直接下載，有了docker 后，才有了現(xiàn)在云服務(wù)的繁榮。

而同樣的操作，在 App 端 Google FireBase 也都支持了，詳如下圖：

FirebaseAb 推送和 Ab 配置

可以從推送、遠(yuǎn)程配置、應(yīng)用內(nèi)消息進(jìn)行 AB 測(cè)試，所以某個(gè)值的變化，同樣的 文案、以及新上線的頁(yè)面，也可以做到動(dòng)態(tài)的 AB 方案，然后再GA 轉(zhuǎn)化衡量出 AB 效果。

五、邊界與出圈

所以通過(guò)上述案例，因?yàn)?Google 最先做的統(tǒng)計(jì)系統(tǒng)GA，在有了 GA 后，再慢慢切入了 FireBase 以及 TagManager 以及 Google Optimize，因?yàn)橛辛藬?shù)據(jù)衡量指標(biāo)，一步步的擴(kuò)展自己的邊界。

而同樣的，廣告行業(yè)的歸因行業(yè)，最一開(kāi)始有了廣告平臺(tái)歸因，然后有了事件傳輸，然后有了流失預(yù)測(cè)，然后有了反作弊，然后有了自己的數(shù)據(jù)洞察。

這里多提兩句反作弊，現(xiàn)在的作弊真的是越來(lái)越難了，因?yàn)樵O(shè)備的傳感器信息會(huì)分分鐘出賣(mài)設(shè)備農(nóng)場(chǎng)，詳如下圖：

設(shè)備農(nóng)場(chǎng)

因?yàn)槿绻粋€(gè) App 從激活 到 下單的過(guò)程中，他的陀螺儀、電量、距離感應(yīng)器、GPS 定位都沒(méi)有發(fā)生過(guò)變化，那就可以確定是一個(gè)假量了。

就好比流量產(chǎn)品，流量產(chǎn)品所到之處，必須枝繁葉茂，如果不是，那流量產(chǎn)品就會(huì)出圈建他個(gè)枝繁葉茂！

（來(lái)源：ssevening）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。

（來(lái)源：ssevening）