如何在 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 測試,這一點至關重要! Google Optimize 提供了一種很棒的免費入門方式。 點擊推文

什麼是 A/B 測試?

A/B 測試,有時也稱為拆分測試,是一種將頁面上的元素(或任何類型的數據)相互比較以確定哪個在頁面瀏覽量、頁面停留時間、轉換、反彈方面表現更好的方法率等。一些例子包括:

  • 測試不同的標題。
  • 嘗試新的登錄頁面內容或頁面佈局。
  • 嘗試不同顏色的 CTA 按鈕。
  • 顯示完全不同的東西,例如小部件中的 CTA 與聯繫潛在客戶表單。 您可以在 Google Analytics(分析)中跟踪漏斗中的銷售情況,看看哪些會帶來更多銷售。

A/B 測試有多種形式,例如多變量測試,但最常見的方法是將 50% 的流量發送到頁面 A,將 50% 的流量發送到頁面 B。也稱為拆分測試。

A/B 拆分測試
A/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)的比較。

谷歌優化與優化 360
Google Optimize vs Optimize 360​​(圖片來源:Google)

如何在 WordPress 中設置 Google Optimize

按照以下步驟設置免費的 Google Optimize 帳戶並在您的 WordPress 網站上進行配置。

第1步

首先要做的是前往谷歌優化並通過點擊“開始”按鈕註冊一個免費帳戶。

重要提示:您需要使用已附加到您的 Google Analytics 帳戶的 Gmail 或 Google Workspace 電子郵件地址。

開始使用 Google 優化工具
開始使用 Google 優化工具

然後按照接下來的步驟提出一些關於數據權限和共享​​的可選問題。

第2步

接下來,您需要關聯您的 Google Analytics(分析)資源。 在右側單擊“鏈接屬性”。

谷歌優化 - 鏈接谷歌分析屬性
谷歌優化 - 鏈接谷歌分析屬性

第 3 步

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

在 Google 優化工具中關聯屬性
在 Google 優化工具中關聯屬性

第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。

在 Analytics 插件中啟用 Google Optimize
在 Analytics 插件中啟用 Google Optimize

準備好代碼後,在 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 測試,或者他們所說的實驗。

在 Google Optimize 中創建體驗 A/B 測試
在 Google Optimize 中創建體驗 A/B 測試

第2步

在以下示例中,我們將進行一個簡單的 CTA 按鈕顏色更改 A/B 測試,以便您輕鬆了解它的工作原理。 請記住,基本上 WordPress 網站上的任何 HTML 或 CSS 元素都可以在 Google Optimize 中進行更改。

因此,我們為我們的測試選擇一個名稱,並輸入我們想要編輯體驗代碼的 URL。 在此示例中,我們希望更改 CTA 按鈕上的按鈕顏色,以查看哪個按鈕為我們的聯繫我們頁面帶來了更多流量。 我們還為體驗類型選擇 A/B 測試。 然後點擊“創建”。

谷歌優化創建 A/B 測試
谷歌優化創建 A/B 測試

如您所見,Google Optimize 還支持您可能想要探索的 A/B 測試以外的其他類型的實驗:

  • 多變量測試:測試具有兩個或多個不同部分的變體。
  • 重定向測試:測試由不同 URL 或路徑標識的單獨網頁。
  • 個性化:為目標訪問者個性化您的頁面。

第 3 步

默認情況下,Google 優化工具將使用您在上面為實驗選擇的編輯器頁面作為原始變體。 然後,您將需要創建第二個變體。 單擊“創建變體”。

谷歌優化創建變體
谷歌優化創建一個變體

第4步

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

谷歌優化名稱變體
谷歌優化名稱變體

第 5 步

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

谷歌優化改變變體
谷歌優化改變變體

第 6 步

您可能會看到有關使用 Google Chrome 擴展程序的警告。 為了獲得最佳的編輯和預覽功能,您需要安裝免費的 Google Chrome Optimize 擴展程序。

然後您將看到 Google Optimize 編輯器。 它非常強大! 您可以從字面上更改頁面上的任何內容。

因停機時間和 WordPress 問題而苦苦掙扎? Kinsta 是旨在節省您時間的託管解決方案! 查看我們的功能
谷歌優化編輯器
谷歌優化編輯器

在我們的示例中,我們使用兩種不同顏色的按鈕(藍色和紅色)來測試點擊聯繫我們頁面的結果。 如果您好奇,我們只是使用 Shortcodes Ultimate 插件作為按鈕。

所以首先我們要改變按鈕的顏色。 為此,您只需單擊任何元素,在本例中為按鈕,然後為其編輯 CSS 屬性。 他們甚至有一個顏色選擇器。 如果您願意,可以直接編輯 CSS 或 HTML。

在 Google Optimize 中更改按鈕顏色
在 Google Optimize 中更改按鈕顏色

我們更改的另一件事是按鈕的 URL。

  • 原始按鈕鏈接到https://editwp.com/contact-us/?button-test- blue
  • 變體按鈕指向https://editwp.com/contact-us/?button-test- red
更改按鈕 URL
更改按鈕 URL

我們為什麼這樣做? 在 Google Analytics 中,您可以隨時瀏覽以查看基於哪種按鈕類型註冊的頁面瀏覽量。 你永遠不應該在你的內部站點上使用 UTM 參數,但是像我們上面所做的那樣在 URL 上附加一些東西是可以的。 這只是為您提供了可以隨時瀏覽的額外數據。

完成編輯後,您可以單擊右上角的“保存更改”和“完成”。 然後,您可以單擊“Web Preview”以查看其外觀。

谷歌優化網頁預覽
谷歌優化網頁預覽

下面是我們的測試是如何設置的。 請記住,所有內容都是使用 Google Optimize 編輯器更改的,而不是在 WordPress 中。

A/B 原始變體

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

A/B 測試原始變體
A/B 測試原始變體

A/B 紅色按鈕變體

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

A/B 測試變體 1
A/B 測試變體 1

第 7 步

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

谷歌優化過期目標
Google 優化實驗目標

第 8 步

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

谷歌優化自定義目標
谷歌優化自定義目標

第 9 步

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

Google Optimize 中的自定義目標
Google Optimize 中的自定義目標

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

Google 優化目標 - 電子商務
Google 優化目標 - 電子商務

第 10 步

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

谷歌優化開始實驗
谷歌優化開始實驗

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

谷歌優化報告
谷歌優化報告

概括

在營銷方面,假設越少越好。 您一定會找到您最初認為表現最差的贏家,反之亦然。

作為一款免費工具,Google Optimize 有很多功能! 您可以更改按鈕、小部件,幾乎任何您能想到的東西。 然後輕鬆監控結果,看看哪一個表現更好。 跟踪頁面瀏覽量、交易數據,甚至通過單個按鈕顏色更改產生的收入。 你玩得越多,你就越意識到為什麼你永遠不應該停止 A/B 測試。 找到獲勝者,然後再次測試。

您是否在您的 WordPress 網站上嘗試過 Google Optimize? 如果是這樣,我們很樂意在下面的評論中聽到您的想法。