SPA A/B 測試:單頁應用程序入門指南和使用的 10 種最佳 SPA A/B 測試工具

已發表: 2022-02-15
單頁應用程序入門指南和使用的 10 種最佳 SPA A:B 測試工具

單頁應用程序:它們是什麼,它們是如何工作的,更重要的是,我們如何在它們上運行 A/B 測試?

在本指南中,我們將對其進行分解,並查看 10 個您可以使用的最佳 A/B 測試平台。

我們將介紹它們的定價、功能、是否允許試用,然後詳細介紹它們使用哪些方法來允許您在單頁應用程序上運行 A/B 測試。

這樣您就可以準確地決定哪種工具最適合您和您的測試需求。

(如果您已經了解有關 SPA 測試的所有知識,請隨時跳到此處的工具部分)。

隱藏
  • 什麼是單頁應用程序 (SPA)?
    • 單頁應用架構
  • SPA(單頁應用程序)與 MPA(多頁應用程序)
    • 單頁應用網站的缺點
      • 1. 初始頁面加載緩慢
      • 2. JavaScript 需要安裝和工作
      • 3. 更努力地構建和編輯(胖前端)
      • 4. 分析測量和報告
      • 5. 可能的 SEO 問題
      • 6. 潛在的 A/B 測試問題
    • 流行的單頁應用程序框架。 選擇什麼:React、Angular 或 Vue?
    • 單頁應用程序站點示例
      • 網飛
      • Facebook
      • 郵箱
  • 如何在單頁應用程序 (SPA) 網站上進行 A/B 測試?
    • 測試觸發器
    • SPA 框架
    • 用於測試 SPA 的工具
  • 已適應單頁應用程序 (SPA) 站點的 10 大 A/B 測試工具
    • #1:轉換體驗
    • #2:Adobe 目標
    • #3。 VWO
    • #4。 喀麥隆
    • #5:SiteSpect
    • #6。 優化
    • #7:谷歌優化/優化 360
    • #8。 ABlyft
    • #9。 AB 美味
    • #10。 動態產量
  • 簡而言之:A/B 測試單頁應用程序

什麼是單頁應用程序 (SPA)?

SPA 是一個網站或 Web 應用程序,旨在超快速和流暢地加載。 它的目標是複制精心設計的移動應用程序的體驗及其構建方式。 您單擊某些東西,它幾乎立即加載。

然而,單頁應用程序的名稱對於非技術用戶來說有點誤導和混淆。 它不是指僅構建為單個網頁的網站,而是指其編碼方式。

單頁應用架構

了解 SPA 工作原理的最佳方法是查看它的構建方式(網站架構)並將其與您可能使用的標準網站進行比較。

標準網站,也稱為靜態網站或“多頁面應用程序”(MPA),是通過擁有多個 HTML 代碼頁面構建的,這些頁面代表網站上的每個單獨頁面。 因此,您將有一個 HTML 頁面用於主頁,另一個用於關於頁面,等等。

每次單擊新鏈接時,網站都會向服務器請求加載該新頁面的 HTML 代碼,這會導致延遲。

多頁面應用架構

實際上,您可以通過在 MPA 網站上預加載這些其他鏈接來加快頁面加載速度,從而在一定程度上解決這個問題。 我們在本指南中討論了它,以便在測試時讓您的網站準備好滿足 Core Web Vitals 的要求。

SPA(單頁應用程序)與 MPA(多頁應用程序)

SPA 和 MPA 之間的主要區別在於,SPA 對整個站點只有一頁 HTML 代碼,只需要加載一次,因此稱為“單頁”。

單頁應用架構

SPA 無需請求和加載多個 HTML 頁面,而是在第一次點擊時預加載所有內容,提前緩存其他網站內容,然後在有人點擊鏈接時動態重新渲染和更新頁面外觀加載新的 HTML 文件。

它通過使用 JavaScript 和服務器端渲染來加載新內容或頁面來實現這一點,而當前頁面仍處於打開狀態。 這提供了更流暢的用戶體驗外觀,同時通常也比傳統 MPA 加載速度更快,因為沒有明顯的停機時間或空白屏幕。

單頁應用網站的缺點

作為測試人員,我們知道快速站點可以提供出色的用戶體驗,但是為您的站點使用 SPA 有哪些缺點?

1. 初始頁面加載緩慢

因為 SPA 一次性預加載整個站點,這可能意味著初始頁面加載可能比標準 MPA 慢。 但是,由於它的加載方式,對於用戶來說,它仍然可以快速加載,因為初始視口通常會立即加載,從而呈現即時加載的外觀。

2. JavaScript 需要安裝和工作

如果用戶的瀏覽器或設備沒有啟用 JavaScript,那麼該站點將無法運行。 這種情況很少發生,並且會通知用戶啟用和下載它,但它可能會發生。

3. 更努力地構建和編輯(胖前端)

由於構建 SPA 站點的複雜性,他們有時可能需要更多時間來創建或花費更多精力來進行更改。

不僅如此,如果構建不正確,它們還可能導致用戶體驗問題。

例如,用戶可以按下返回選項卡並離開站點,而不是返回到前一個“頁面”。 同樣,正確構建時非常罕見。

4. 分析測量和報告

SPA 也可能難以跟踪現場分析。 因為沒有單獨的頁面,所以需要通過發生的動態變化而不是 URL 加載來跟踪操作。 這是有關如何使用 Google Analytics 4 和 GTM 執行此操作的指南。

5. 可能的 SEO 問題

這也會影響網站的 SEO,因為 Google 的網絡蜘蛛很難抓取 SPA。 (儘管 Google 目前正在改進它以跟踪頁面上的動態 JavaScript。)

6. 潛在的 A/B 測試問題

最後,在測試單頁應用程序時,我們可能會遇到一些 A/B 測試問題,主要是由於頁面加載方式和測試交付方式,但稍後我們將更詳細地介紹這一點。

流行的單頁應用程序框架。 選擇什麼:React、Angular 或 Vue?

開發人員可以使用多種框架來構建單頁應用程序,例如:

  • 反應
  • 流星
  • 骨幹網
  • 餘燼
  • 聚合物
  • 淘汰賽
  • 奧雷利亞

然而,最流行的是 Angular(在 GitHub 上有大量文檔)、React(開源,在 GitHub 上有詳細的文檔)和 Vue.js(三者中的最新版本)。

單頁應用程序站點示例

什麼樣的網站是建立在 SPA 框架上的?

由於其出色的加載速度,一些最大的網站被構建為 SPA:

  • 網飛
  • Facebook
  • 郵箱
  • YouTube
  • 愛彼迎

大多數 SPA 都是使用 React 和 Angular 等框架構建的。

以下是一些著名的 SPA 示例:

網飛

流行的娛樂流媒體服務利用 React 框架允許其用戶觀看電視節目和電影而不會遇到任何延遲。

當您考慮在 Netflix 上傳輸了多少數據以及由多少人流式傳輸時,可以合理地得出結論,Netflix 的 SPA 方法充分利用了這種方法。

Facebook

Facebook 的新聞提要是 SPA 的一個例子。

當您滾動瀏覽以前的視頻或單擊其他按鈕時,特定部分的內容會加載到頁面上。 要忍受這種體驗,您無需離開頁面。

郵箱

當您單擊收件箱中的消息時,瀏覽器會停留在同一網頁上。

如何在單頁應用程序 (SPA) 網站上進行 A/B 測試?

與其詳細介紹我們之前介紹過的針對 SPA 網站的特定 A/B 測試想法,我想介紹如何在 SPA 網站上實際運行測試

為什麼?

好吧,在 SPA 站點上運行測試與靜態 MPA 不同,原因有以下三點:

  • 導致測試觸發的觸發器,
  • 建立 SPA 的框架,以及
  • 您用來測試的工具。

所以讓我解釋一下基本原理……

測試觸發器

通常,對於大多數 A/B 測試,我們會根據 URL 字符串觸發實驗。 如果有人訪問了我們要測試的頁面的特定 URL,並且他們符合我們設置的標準,那麼他們就有機會為他們運行實驗。

由於 SPA 沒有特定的 URL 觸發器並使用 JavaScript 重新呈現頁面元素,因此我們需要使用其他觸發器方法,例如:

  • 輪詢觸發器,
  • 在站點區域中使用 JavaScript 條件,以及
  • 手動激活。

這樣,我們可以確保測試被觸發並在正確的條件下運行。

SPA 框架

不過,這不僅僅是設置新的觸發器。 由於 3 個流行的框架運行和交付 SPA 站點的方式,您可能需要調整測試設置以使其正確交付,具體取決於您使用的框架。

我們有以下每一項的指南:

  • 在 AngularJS 頁面上運行實驗
  • 在 VueJS 頁面上運行實驗
  • 在 ReactJS 頁面上運行實驗

用於測試 SPA 的工具

在 SPA 網站上設置測試時,您必須考慮的不僅僅是 JavaScript 框架。 您還需要查看您使用的實際工具如何在 SPA 站點上運行測試,因為它會影響您是否可以在特定框架上運行測試。

以下是我們使用轉換體驗在 SPA 網站上運行 A/B 測試的方法:

  1. 如果您是第一次使用該工具,請運行 A/A 測試以確保正確設置該工具。 (只需執行一次。)
  2. 使用數據層來保存 URL 部分和其他頁面數據(因為 URL 本身不會改變)。
  3. 視口中的站點部分是一個重要的觸發器,可用於調用變體。 當 URL 沒有隨著部分滾動而更新時,這是必要的。
  4. 確保您使用 CDN 或預取內容,以便快速加載更新的站點部分內容並且不會破壞 SPA 的流動/原生性質(其最大優勢之一)。
  5. 確保正在輪詢和收集觸發的目標,即使頁面沒有刷新。
  6. 您也可以在服務器端進行基於 SPA 的 A/B 測試。

對於您可能使用的任何測試平台都是如此,因此當我們分解下面的不同 A/B 測試工具時,我們將介紹它們中的每一個如何在 SPA 上進行實際測試,以便您決定哪種最適合您。

已適應單頁應用程序 (SPA) 站點的 10 大 A/B 測試工具

既然我們已經了解了 SPA 是什麼以及在測試 SPA 站點時需要牢記的常見問題,那麼讓我們分解一下允許您對其運行測試的最流行的測試工具。

  • 轉換體驗
  • Adobe 目標
  • VWO
  • 喀麥隆
  • SiteSpect
  • 優化
  • 谷歌優化
  • ABlyft
  • AB 美味
  • 動態產量

#1:轉換體驗

SPA A/B 測試工具 Convert Experiences
轉換體驗

定價:每月低至 699 美元,之後每 10 萬訪問者 199 美元。

計劃類型:

SPA A/B 測試工具 Convert Experiences 計劃
資源

他們提供免費試用嗎? 是的,無需信用卡即可免費試用 14 天。

他們提供客戶支持嗎? 是的,從試用開始。 哪種類型? 實時聊天、博客和知識庫,還有更多內容。

它如何適應處理 SPA? Convert 可以通過提供可在頁面加載後的任何時間調用的 Convert Activation 函數(輪詢)來處理 SPA。 允許特定觸發,例如目標、JavaScript、手動激活等。 還允許您在每次視圖更改時重新加載轉換設置,並且可以在客戶端或服務器端跟踪。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 你可以在這裡讀更多關於它的內容。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 通過在 Project Settings > Global Project Javascript 上添加一些準備就緒的代碼或通過與 SPA 框架的直接集成。

閱讀有關在 SPA 上運行實驗的更多信息。

信任半徑評論

轉換 tr spa 評論
資源

主要客戶:索尼、Jabra、聯合國兒童基金會等。

他們關心隱私嗎? 我們完全符合 GDPR。 我們甚至停止使用其他不符合 GDPR 的公司的工具進行內部工作,這對我們來說意義重大。

他們關心這個世界嗎? 是的。 它在我們的 DNA 中。 我們種樹、開展社區計劃、從最初的申請開始支持多樣性、向慈善機構捐款等等。 哎呀,我們是 15 倍碳負。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 Convert Experiences 截圖
資源

#2:Adobe 目標

SPA A/B 測試工具 Adob​​e Target
Adobe 目標

定價:僅在預訂電話後可用。 起步價約為每月 10,000 美元。

他們提供免費試用嗎? 不。

計劃類型:

SPA A/B 測試工具 Adob​​e Target 定價
資源

他們提供客戶支持嗎? 是的,以知識庫和視頻培訓計劃的形式。

它如何適應處理 SPA? Adobe Target 可以通過可以在 SPA 代碼中調用的 triggerView() 函數來處理 SPA。 您可以在此處閱讀有關此內容的更多信息。

它有能力通過 JavaScript 觸發實驗嗎? 是的。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 但是,它需要與 SPA 框架直接集成。

信任半徑評論

SPA A/B 測試工具 Adob​​e Target 審查
資源

主要客戶: Nvidia、Sprint mobile、菲利普斯。

他們關心隱私嗎? 是的,但具有諷刺意味的是,他們需要您的電子郵件和電話號碼才能了解更多信息。 然而,他們在第一方數據方面做了大量工作以進行非侵入式跟踪。

他們關心這個世界嗎? 非常如此。 他們倡導多樣性,致力於 100% 可再生能源建築,降低排放,開展社區行動計劃等等。

這個測試工具的實際效果:

SPA A/B 測試工具 Adob​​e Target 截圖
資源

#3。 VWO

SPA A/B 測試工具 VWO
VWO 測試

定價:起價 99 美元/月。 更多需要根據您的需求定制定價。 您必須聯繫 VWO 銷售團隊。

計劃類型:

SPA A/B 測試工具 VWO 定價
資源

他們提供免費試用嗎? 是的,您可以開始 30 天免費試用。

他們提供客戶支持嗎? 是的,您可以在需要幫助時給他們打電話。 或查閱他們的資源頁面。

它如何適應處理 SPA? VWO 可以通過其標準跟踪代碼自動處理 SPA,並提供觸發頁面更改的功能。

對於使用新內容加載更改 URL 字符串的 SPA,它適用於標準安裝。 對於不更改 URL 的 SPA,您需要使用自定義 URL 設置虛擬頁面。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 通過調用“applychanges”。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 它將僅通過包含 VWO 跟踪代碼來自動檢測 URL 和瀏覽器歷史記錄的更改。

信任半徑評論

SPA A/B 測試工具 VWO 評測
資源

主要客戶: Ubisoft、AMD、Penn Foster、Optimeria 和 IMB Bank。

他們關心隱私嗎? 是的。 他們遵守主要的隱私法律和法規,但他們將一些訪問者數據存儲在其服務器上。

他們關心這個世界嗎? Wingify(VWO 背後的品牌)的董事長 Paras Chopra 在推特上發布了他們對幾項 COVID 救援計劃的支持,包括在德里建立一個 10 床位的 COVID 護理設施。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 VWO 截圖
資源

#4。 喀麥隆

SPA A/B 測試工具 Kameleoon
喀麥隆

定價:根據您的要求定制。 您可以通過聯繫銷售團隊獲得獨特的價格。

計劃類型:您需要聯繫他們的支持團隊了解定價。 計劃基於您的要求。

他們提供免費試用嗎? 是的。

他們提供客戶支持嗎? 是的。 您甚至可以聘請專門的客戶經理來協助您處理複雜的項目。

它如何適應處理 SPA? Kameleoon 有一個廣泛的激活 API,能夠在他們的平台上激活實驗。 在此處閱讀更多相關信息。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 通過 assignVariation() 函數。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 它會自動檢測 URL 更新。 但是,當沒有發生 URL 更改時,應通過其 API 調用實驗激活。

信任半徑評論

SPA A/B 測試工具 Kameleoon 評測
資源

主要客戶:雷克薩斯、Unity、Providence、豐田和樂天使用 Kameleoon。

他們關心隱私嗎? 它們符合 HIPAA、GDPR 和 CCPA。 他們還具有靈活的同意管理功能,可以針對每個 A/B 測試調整您的隱私政策。

他們關心這個世界嗎? 我找不到他們贊助的任何慈善機構或他們支持的環境事業的證據。 不過,有趣的是,他們在德國和法國的辦公室裡有兩隻活的變色龍。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 Kameleoon 應用內截圖
資源

#5:SiteSpect

SPA A/B 測試工具 SiteSpect
SiteSpect

定價:您必須聯繫 SiteSpect 以根據您的需要定制價格。

計劃類型:通話前沒有可用信息。

他們提供免費計劃嗎? 是的,他們提供免費試用。

他們提供客戶支持嗎? 可以通過電話和電子郵件獲得免費和付費版本​​的客戶支持。 他們的知識庫中還提供了預先錄製的網絡研討會。

它如何適應處理 SPA? SitesSpect 充當代理,所有網站元素都可以在從服務器下載時更改並交換為其他版本。

這意味著他們可以在組裝頁面之前修改任何元素,甚至在頁面上下載 SPA 之前。 但是,您將需要技術專業知識才能確定需要交換哪些元素,而且絕對不像更改網站上的頁面那麼容易。

此外,任何預先組裝在服務器上的組件都無法使用此解決方案重新組裝。

它有能力通過 JavaScript 觸發實驗嗎? 不,這一切都是在代理中完成的,類似於服務器端。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 不,原因和之前一樣。 這一切都在代理中完成,類似於服務器端。

信任半徑評論

SPA A/B 測試工具 SiteSpect 用戶評論
資源

主要客戶: Staples、PetSmart、AmericanGirl 和 Urban Outfitters 使用 SiteSpect。

他們關心隱私嗎? 他們是這樣。 它們通過了 PCI DSS 3.2 認證; 符合 GDPR、CCPA 和隱私盾,並準備好 HIPAA。

他們關心這個世界嗎? 自 2014 年以來,SiteSpect 一直贊助一些慈善項目。

這個 A/B 測試工具的實際效果:

SPA A/B 測試工具 SiteSpect 應用內截圖
資源

#6。 優化

SPA A/B 測試工具 Optimizely
優化

定價:他們使用自定義定價模型。 但Splitbase 預測它們每年至少要花費 36,000 美元。

計劃類型:如果沒有聯繫他們進行演示,我無法找到此信息。

他們提供免費試用嗎? 不,他們在 2018 年停止了免費計劃。

他們提供客戶支持嗎? 是的。 他們擁有大量資源來幫助用戶擺脫困境,並提供電話號碼以 24/7 全天候尋求幫助。

它如何適應處理 SPA? Optimizely 對 SPA 的支持可以通過選中一個複選框來激活。 這會檢測 URL 何時更改或 DOM 何時更改,從而激活實驗評估,以及激活訪問者在當前頁面上被存儲的那些。

它有能力通過 JavaScript 觸發實驗嗎? 是的。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 它輪詢 URL 更改和 DOM 更改。

信任半徑評論

SPA A/B 測試工具 Optimizely review
資源

主要客戶:微軟、IBM、惠普、eBay、雅馬哈、必勝客和 Atlassian 都在使用它。

他們關心隱私嗎? 他們考慮到新舊隱私法並將其集成到他們的產品中,這樣您(用戶)就不必擔心合規性。

他們關心這個世界嗎? 大多數新員工在第二天就被派往社區做志願者。

這個 AB 測試軟件在運行中的樣子:

SPA A/B 測試工具 Optimizely 應用內截圖
資源

#7:谷歌優化/優化 360

SPA A/B 測試工具 Google Optimize
谷歌優化

定價:此工具有 2 個版本。 優化是免費的,但要獲得高級功能,您必須選擇 Google Optimize 360​​。

Optimize 360​​ 的定價是定制的(儘管據傳約為每年 150,000 美元)。 要獲得每月價格,您必須填寫表格以聯繫他們的銷售團隊。

計劃類型:

SPA A/B 測試工具 Google Optimize 定價
資源

他們提供免費試用嗎? 是的。

他們提供客戶支持嗎? 他們有一個資源中心,其中包含提示、視頻教程、幫助社區等。

它如何適應處理 SPA? Google 優化通過允許在 URL 或 DOM 更改時自動激活實驗更改來提供 SPA 支持。

它還提供了一個激活事件,在該事件中可以使用代碼激活實驗更改。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 通過他們建議通過 GTM 插入的 optimize.activate。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 它在啟用連續激活時發生。

信任半徑評論

SPA A/B 測試工具 Google Optimize 評測
資源

主要客戶:阿迪達斯、Spotify、歐洲銀行等。

他們關心隱私嗎? 他們遵守使用其產品的國家/地區適用的客戶數據保護法律。

他們還與第三方和數據保護機構合作,以確保用戶數據的安全。

他們關心這個世界嗎? 谷歌自 2007 年以來一直保持碳中和,併計劃到 2030 年實現無碳排放。除此之外,他們還以承諾 10 億美元的眾多慈善姿態而聞名。

這個拆分測試平台在運行中的樣子:

SPA A/B 測試工具 Google Optimize 應用內截圖
資源

#8。 ABlyft

SPA A/B 測試工具 Ablyft
Ablyft

定價:可根據要求提供定價。 然而,我確實找到了一份較舊的文檔,其中他們為 5k 用戶免費提供有限的測試,然後每月 329 美元(如果每年支付 279 美元)。

計劃類型:

SPA A/B 測試工具 Ablyft 定價
資源

他們提供免費試用嗎? 是的,您可以開始 30 天免費試用,無需信用卡。

他們提供客戶支持嗎? 是的。 他們有基本的知識庫和實時聊天選項。

它如何適應處理 SPA? ABlyft 還具有自動和程序化 AB 測試。 通過 URL、DOM 更改和編程 API 激活選項。

它有能力通過 JavaScript 觸發實驗嗎? 是的,通過 API 函數。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的,當 URL 和 DOM 發生變化時。

信任半徑評論

這個工具的 Trust Radius 上沒有評論,所以我接受了 G2 的評論。

SPA A/B 測試工具 Ablyft 評測
資源

頂級客戶Elle 雜誌、Bazaar 和 Instyle。

他們關心隱私嗎? 是的。 他們遵守主要的隱私法和 GDPR。

他們關心這個世界嗎? 不是我能找到的。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 Ablyft 應用內截圖
資源

#9。 AB 美味

SPA A/B 測試工具 AB Tasty
AB 美味

定價:對於 Essentials 計劃的 40 萬月度測試訪問者,起價為 1900 美元/月。 增長計劃的費用為 3800 美元/月,而精英計劃的起價為 5700 美元/月。

計劃類型:需要聯繫他們的銷售團隊了解定價和計劃類型。

他們提供免費試用嗎? 不可以。您可以請求演示電話以查看他們的新功能。

他們提供客戶支持嗎? 是的。 他們有知識庫和實時聊天。

它如何適應處理 SPA? AB Tasty 允許在滿足特定條件時激活實驗,可以在頁面加載時或定期檢查直到滿足條件。 這些定期檢查的條件可以是 URL 值、頁面上基於 CSS 選擇器的元素、返回 true 的 JS 條件或自定義代碼,也可以是通過 javascript 承諾的編程激活。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 通過 Javascript 承諾或定期評估 JS 條件。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 是的。 可以通過 CSS 選擇器、JS 條件或 JS Promises 定期評估頁面上的 URL 值、元素。

信任半徑評論

SPA A/B 測試工具 AB Tasty review
資源

主要客戶:迪士尼、歐萊雅、Kalviyo 等。

他們關心隱私嗎? 是的。 用戶 IP 地址用於創建 ID 代碼,然後在進入工具之前立即刪除。 ID 代碼被匿名化,然後在 13 個月後被刪除。

他們關心這個世界嗎? 他們直接向非政府組織捐款,與社會行動團體合作,回收並贊助蜂箱。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 AB Tasty 應用內截圖
資源

#10。 動態產量

SPA A/B 測試工具 Dynamic Yield
動態產量

定價:我找不到任何關於定價的信息,只是它比其他提供個性化的工具平均高出 24%。

計劃類型:同樣,我找不到任何關於此的信息。

他們提供免費試用嗎? 是的,但您必須先申請演示。

他們提供客戶支持嗎? 是的。 哪種類型? 他們提供電話和電子郵件支持,以及幫助安裝的基本知識庫,然後是教授測試的學院。

它如何適應處理 SPA? Dynamic Yield 通過利用稱為MutationObserver的 Web API 來處理 SPA,該 API 提供了 DOM 突變的掛鉤,並使該工具能夠跟踪突變發生的時間。 API 的使用使該工具能夠根據需要實時應用更改。

它有能力通過 JavaScript 觸發實驗嗎? 是的。 他們確實警告說,一些較舊的 JavaScript 庫可能不受支持。

它是否在不依賴頁面刷新的情況下輪詢目標觸發? 需要在活動的高級設置中啟用此功能,方法是選中在每個 SPA 事件上服務的選項。

信任半徑評論

SPA A/B 測試工具 Dynamic Yield review
資源

主要客戶: Urban Outfitters、宜家、絲芙蘭等。

他們關心隱私嗎? 動態收益完全符合 GDPR。

他們關心這個世界嗎? 他們實際上做了一些非常酷的事情,那就是向符合特定標準的慈善機構免費使用他們的工具。 他們也在社區工作。

這個 A/B 測試平台在運行中的樣子:

SPA A/B 測試工具 Dynamic Yield 截圖
資源

簡而言之:A/B 測試單頁應用程序

所以你有它。

我們的 A/B 測試單頁應用程序的完整指南。 它們是什麼、它們是如何工作的,以及您可以用來優化 SPA 網站或 Web 應用程序的 10 大平台。 我們為初學者提供了簡單的知識,所以即使您的技能還沒有與所有這些技術術語相匹配,我們希望您仍然能從中有所收穫!

想了解有關每種工具的更多信息嗎? 我們就他們認為未來 5 年最好的頂級工具(包括此列表中的工具)採訪了一群 CRO 專家。 看看他們在這裡要說什麼。

請繼續關注單頁應用程序的 A/B 測試系列的第 2 部分,我們將在其中窺探事物的後端,並分享一些在單頁應用程序上運行成功測試的更多技術提示和最佳實踐。 過兩天就出來了!

獲取交互式表格
獲取交互式表格