如何在 WordPress 中免費使用 Google Optimize 進行 A/B 測試
已發表: 2019-01-04無論您擁有什麼類型的 WordPress 網站,無論是電子商務商店還是聯盟營銷博客,都不要停止 A/B 測試,這一點至關重要! 數據驅動的決策可以幫助推動您的網站或業務向前發展,並使您在競爭中領先。 但老實說,A/B 測試並不總是那麼容易。 或者,也許你只是推遲了它。 好吧,今天希望我們可以改變這一點!
下面我們將深入探討如何在 WordPress 中使用 Google Optimize 進行 A/B 測試。 無論您擁有哪種類型的網站,這都可以全面發揮作用。 最重要的是,它是免費的。
- 什麼是 A/B 測試?
- 谷歌優化
- 如何在 WordPress 中設置 Google Optimize
- 如何使用 Google Optimize 運行 A/B 測試
什麼是 A/B 測試?
A/B 測試,有時也稱為拆分測試,是一種將頁面上的元素(或任何類型的數據)相互比較以確定哪個在頁面瀏覽量、頁面停留時間、轉換、反彈方面表現更好的方法率等。一些例子包括:
- 測試不同的標題。
- 嘗試新的登錄頁面內容或頁面佈局。
- 嘗試不同顏色的 CTA 按鈕。
- 顯示完全不同的東西,例如小部件中的 CTA 與聯繫潛在客戶表單。 您可以在 Google Analytics(分析)中跟踪漏斗中的銷售情況,看看哪些會帶來更多銷售。
A/B 測試有多種形式,例如多變量測試,但最常見的方法是將 50% 的流量發送到頁面 A,將 50% 的流量發送到頁面 B。也稱為拆分測試。

我們的想法是從簡單的測試開始,例如更改 CTA 文本或按鈕顏色,找到獲勝者,並用新的獲勝者一遍又一遍地複制它。 當你這樣做時,你應該開始看到你所追求的目標的更好結果。
由於樣本量和時間的原因,確定您的網站是否有足夠的流量甚至可以開始 A/B 測試也非常重要。 Stephen Watts 有一篇很棒的文章,其中涉及其中一些細節,包括為什麼應該複製營銷測試。
谷歌優化
在進行 A/B 測試時,有很多不同的工具可供選擇。 我們在關於最佳 A/B 測試工具的帖子中介紹了其中的很多內容。
但是,如果您的流量很大,其中許多人每月可以輕鬆地為您帶來數百甚至數千美元的收入。 最好將預算花在高質量的託管上。 許多 A/B 測試工具還具有許多您可能永遠不會使用的功能。
雖然一個好的工具肯定可以在回報方面得到回報,但從一些免費的東西開始學習 A/B 測試的工作原理並了解您的業務可以實現哪些目標可能是有利的。
我們認為,Google Optimize 是一個很好的工具,可以立即開始使用,尤其是因為它是免費的。 雖然它沒有 WordPress 插件或直接集成,但一旦你掌握了它,它仍然很容易使用。 另一個好處是,它與穀歌分析(一種你們大多數人可能已經在使用的工具)相結合,甚至比其他一些解決方案要好得多。 您只需單擊一下即可將其與 Google Analytics(分析)目標掛鉤。

他們確實有高級版本(Optimize 360),但您最多可以免費同時運行 5 個實驗。 對於你們中的許多人來說,這應該綽綽有餘,因為您不想同時運行太多的 A/B 測試,否則可能會影響數據的質量。 我們在 Kinsta 使用了免費版的 Optimize,效果很好!
如果您好奇,下面是免費版(優化)與高級版(優化 360)的比較。

如何在 WordPress 中設置 Google Optimize
按照以下步驟設置免費的 Google Optimize 帳戶並在您的 WordPress 網站上進行配置。
第1步
首先要做的是前往谷歌優化並通過點擊“開始”按鈕註冊一個免費帳戶。
重要提示:您需要使用已附加到您的 Google Analytics 帳戶的 Gmail 或 Google Workspace 電子郵件地址。

然後按照接下來的步驟提出一些關於數據權限和共享的可選問題。
第2步
接下來,您需要關聯您的 Google Analytics(分析)資源。 在右側單擊“鏈接屬性”。

第 3 步
然後,您應該會看到您的 Google Analytics(分析)資源。 如果您的 Gmail 附加了多個屬性,則需要選擇要與 Google Optimize 一起使用的屬性。 然後點擊“鏈接”。

第4步
接下來,單擊“獲取代碼段”。

第 5 步
現在是時候使用您的 Google Optimize 容器 ID 修改您的 Google Analytics(分析)代碼了。 這裡有一些重要的事情要提到:
- 如果您目前在您的網站上安裝了 Google Analytics,則它必須位於您網站的標頭中,位於
</head>標記之前。 通常將它放在頁腳中是可以的,但在這種情況下,如果您沒有在頁眉中運行腳本,您將在頁面加載時遇到明顯的白色閃光。 這是因為腳本需要在 DOM 加載時立即觸發。 如果您使用的是 WordPress 插件,大多數人都可以選擇為腳本選擇頁眉或頁腳位置。 - Optimize 代碼段將如下所示:
ga('require', 'GTM-XXXXXXX');其中包含您的 Optimize 容器 ID。 您需要做的就是修改您當前的 Google Analytics 腳本以包含它,而不是再次添加整個腳本。

如果您手動安裝了 Google Analytics 跟踪腳本,那麼您只需添加它,就像他們提供的示例一樣。 但是,如果您當前使用的是 Google Analytics(分析)WordPress 插件,則可能需要更改一些內容。
您應該首先檢查您的 Google Analytics WordPress 插件是否已經支持 Google Optimize 或添加自定義代碼。 以下是一些已經支持 Google Optimize 或允許您在其插件設置中添加代碼的 WordPress 插件:
- 適用於 WP 的 Google Analytics(分析)儀表板:在插件設置中的集成下,它可以選擇添加您的優化容器 ID。
- GA Google Analytics:在插件的設置中有一個選項來添加優化代碼。
注意:如果您使用 Google Tag Manager 部署 Google Analytics,您仍然可以安裝 Optimizer,但它可能會有額外的延遲,甚至 Google 也不建議這樣做。 由於腳本在性能方面的工作方式,他們建議直接在頁面上部署 Optimize(這是大多數 WordPress 插件所做的)。
下面是使用 Google Analytics Dashboard for WP 插件的示例。 在集成選項卡下,您可以“啟用優化跟踪”並輸入您的容器 ID。

準備好代碼後,在 Google Optimize 嚮導上單擊“下一步”。
第 6 步
當 Google Optimize 首次啟動時,它存在一些性能問題,他們創建了一個頁面隱藏片段來減少頁面加載時的頁面閃爍。 添加頁面隱藏代碼段需要在您的 Analytics 跟踪代碼之前添加其他代碼。
但是,我們最近發現這不再總是必要的。 如果您的網站已經相當快,那麼您應該沒有任何問題。 我們不再使用頁面隱藏代碼段並一直運行測試。
但是,由於每個站點都不同,如果您遇到問題,您可能需要使用頁面隱藏代碼段代碼進一步修改您的 Analytics 腳本。 您還可以修改async-hide時間,默認設置為 4000 毫秒。 一些插件,例如上面的那個,也有簡單的切換來啟用頁面隱藏支持。

單擊“完成”,您的 WordPress 網站應該已準備就緒。
如何使用 Google Optimize 運行 A/B 測試
現在是有趣的部分,在 Google Optimize 中創建您的第一個 A/B 測試。
第1步
在 Google Optimize 控制面板上,點擊“Let's Go”來創建一個新的 A/B 測試,或者他們所說的實驗。

第2步
在以下示例中,我們將進行一個簡單的 CTA 按鈕顏色更改 A/B 測試,以便您輕鬆了解它的工作原理。 請記住,基本上 WordPress 網站上的任何 HTML 或 CSS 元素都可以在 Google Optimize 中進行更改。
因此,我們為我們的測試選擇一個名稱,並輸入我們想要編輯體驗代碼的 URL。 在此示例中,我們希望更改 CTA 按鈕上的按鈕顏色,以查看哪個按鈕為我們的聯繫我們頁面帶來了更多流量。 我們還為體驗類型選擇 A/B 測試。 然後點擊“創建”。

如您所見,Google Optimize 還支持您可能想要探索的 A/B 測試以外的其他類型的實驗:
- 多變量測試:測試具有兩個或多個不同部分的變體。
- 重定向測試:測試由不同 URL 或路徑標識的單獨網頁。
- 個性化:為目標訪問者個性化您的頁面。
第 3 步
默認情況下,Google 優化工具將使用您在上面為實驗選擇的編輯器頁面作為原始變體。 然後,您將需要創建第二個變體。 單擊“創建變體”。

第4步
為您的變體命名,以便您以後輕鬆識別。 由於我們正在測試不同的按鈕顏色,我們將其命名為紅色按鈕。 然後點擊“完成”。

第 5 步
然後,您將需要更改您的變體,因為默認情況下它只是創建原始副本的副本。 單擊紅色的“0 更改”。

第 6 步
您可能會看到有關使用 Google Chrome 擴展程序的警告。 為了獲得最佳的編輯和預覽功能,您需要安裝免費的 Google Chrome Optimize 擴展程序。
然後您將看到 Google Optimize 編輯器。 它非常強大! 您可以從字面上更改頁面上的任何內容。

在我們的示例中,我們使用兩種不同顏色的按鈕(藍色和紅色)來測試點擊聯繫我們頁面的結果。 如果您好奇,我們只是使用 Shortcodes Ultimate 插件作為按鈕。
所以首先我們要改變按鈕的顏色。 為此,您只需單擊任何元素,在本例中為按鈕,然後為其編輯 CSS 屬性。 他們甚至有一個顏色選擇器。 如果您願意,可以直接編輯 CSS 或 HTML。

我們更改的另一件事是按鈕的 URL。
- 原始按鈕鏈接到
https://editwp.com/contact-us/?button-test- blue。 - 變體按鈕指向
https://editwp.com/contact-us/?button-test- red。

我們為什麼這樣做? 在 Google Analytics 中,您可以隨時瀏覽以查看基於哪種按鈕類型註冊的頁面瀏覽量。 你永遠不應該在你的內部站點上使用 UTM 參數,但是像我們上面所做的那樣在 URL 上附加一些東西是可以的。 這只是為您提供了可以隨時瀏覽的額外數據。
完成編輯後,您可以單擊右上角的“保存更改”和“完成”。 然後,您可以單擊“Web Preview”以查看其外觀。

下面是我們的測試是如何設置的。 請記住,所有內容都是使用 Google Optimize 編輯器更改的,而不是在 WordPress 中。
A/B 原始變體
在我們最初的變體中,我們有一個藍色按鈕,50% 的流量將流向該按鈕。 按鈕鏈接指向我們的聯繫表: https://editwp.com/contact-us/?button-test- blue 。

A/B 紅色按鈕變體
在我們的另一個變體中,我們有一個紅色按鈕,50% 的流量將流向該按鈕。 按鈕鏈接指向我們的聯繫表格: https://editwp.com/contact-us/?button-test- red 。

第 7 步
下一步是添加目標。 這是目標或您要測試的內容。 默認情況下,目標設置為 50% 的流量拆分,因此您可以保持原樣。 您將希望對您的目標進行簡短描述,以便您可以輕鬆了解稍後添加它的原因。 請記住,有時您可能會運行幾個月的測試,因此請確保添加您以後可以識別的內容。 然後單擊“添加實驗目標”。

第 8 步
如果您已經在 Google Analytics(分析)或電子商務跟踪中使用目標和事件,那麼您會在此處看到它們。 這是 Google Analytics 與 Optimize 直接集成的最酷的事情之一。 你們中的大多數人可能已經配置了轉換目標、聯繫表單目標等,您可以輕鬆地將其與實驗聯繫起來。 但是對於這個例子,我們將創建一個自定義的。

第 9 步
我們使用綜合瀏覽量作為目標類型,並從我們的聯繫我們頁面開始選擇任何內容: /contact-us/button-test 。

如果您在 Google Analytics(分析)中設置了電子商務跟踪,您還可以為交易和收入等內容添加其他目標。 這就是它變得真正強大的地方! 例如,您可以查看某個顏色按鈕產生了多少收入。 從點擊到銷售。

第 10 步
最後但並非最不重要的一點是,保存所有內容後,您可以單擊“開始實驗”。 然後,它將立即開始對您在實驗中指定的位置的流量進行拆分測試。 您還可以使用定位選項輕鬆設置站點範圍的實驗。

然後,您可以坐下來讓 Google Optimize 完成它的工作。 通常這需要一兩個星期。 它將自動為您分析獲勝者。 然後,您可以查看哪個變體產生了最佳結果。 下面是一個報告示例。

概括
在營銷方面,假設越少越好。 您一定會找到您最初認為表現最差的贏家,反之亦然。
作為一款免費工具,Google Optimize 有很多功能! 您可以更改按鈕、小部件,幾乎任何您能想到的東西。 然後輕鬆監控結果,看看哪一個表現更好。 跟踪頁面瀏覽量、交易數據,甚至通過單個按鈕顏色更改產生的收入。 你玩得越多,你就越意識到為什麼你永遠不應該停止 A/B 測試。 找到獲勝者,然後再次測試。
您是否在您的 WordPress 網站上嘗試過 Google Optimize? 如果是這樣,我們很樂意在下面的評論中聽到您的想法。

