SPA A / Bテスト:シングルページアプリケーションのスターターガイドと使用する10のベストSPA A/Bテストツール

公開: 2022-02-15
シングルページアプリケーションのスターターガイドと使用する10のベストSPAA:Bテストツール

シングルページアプリケーション:それらは何であり、どのように機能し、さらに重要なことに、それらに対してA / Bテストをどのように実行しますか?

このガイドでは、これを分析し、使用できる最高のA/Bテストプラットフォームの10を見ていきます。

価格設定、試用が許可されている場合の機能について説明し、次に、シングルページアプリケーションでA/Bテストを実行できるようにするために使用する方法について詳しく説明します。

このようにして、どのツールが自分とテストのニーズに最適かを正確に判断できます。

(SPAテストについてすでにすべて知っている場合は、ここのツールセクションにジャンプしてください)。

隠れる
  • シングルページアプリケーション(SPA)とは何ですか?
    • シングルページアプリケーションアーキテクチャ
  • SPA(シングルページアプリケーション)とMPA(マルチページアプリケーション)
    • シングルページアプリケーションサイトのデメリット
      • 1.初期ページの読み込みが遅い
      • 2.JavaScriptをインストールして機能させる必要がある
      • 3.ビルドと編集のさらなる努力(ファットフロントエンド)
      • 4.分析の測定とレポート
      • 5.考えられるSEOの問題
      • 6.潜在的なA/Bテストの問題
    • 人気のあるシングルページアプリケーションフレームワーク。 何を選択するか:React、Angular、またはVue?
    • シングルページアプリケーションサイトの例
      • Netflix
      • フェイスブック
      • Gmail
  • シングルページアプリケーション(SPA)サイトでA / Bテストを行う方法は?
    • テストトリガー
    • SPAフレームワーク
    • SPAをテストするために使用するツール
  • シングルページアプリケーション(SPA)サイトに適応したトップ10のA/Bテストツール
    • #1:エクスペリエンスを変換する
    • #2:Adobe Target
    • #3。 VWO
    • #4。 カメレオン
    • #5:SiteSpect
    • #6。 Optimizely
    • #7:Googleの最適化/最適化360
    • #8。 ABlyft
    • #9。 ABおいしい
    • #10。 動的収量
  • 一言で言えば:シングルページアプリケーションのA/Bテスト

シングルページアプリケーション(SPA)とは何ですか?

SPAは、超高速かつ流動的にロードするように設計されたWebサイトまたはWebアプリケーションです。 その目標は、適切に設計されたモバイルアプリのエクスペリエンスとその構築方法を再現することです。 何かをクリックすると、すぐに読み込まれます。

ただし、シングルページアプリケーションという名前は、技術者以外のユーザーにとっては少し誤解を招き、混乱を招きます。 これは、単一のWebページとしてのみ構築されているサイトを指すのではなく、そのコーディング方法を指します。

シングルページアプリケーションアーキテクチャ

SPAがどのように機能するかを理解する最良の方法は、SPAがどのように構築されているか(サイトのアーキテクチャ)を調べ、それを使用する可能性のある標準のWebサイトと比較することです。

静的または「マルチページアプリケーション」(MPA)とも呼ばれる標準のWebサイトは、サイトの個々のページを表すHTMLコードの複数のページを持つことによって構築されます。 したがって、ホームページ用に1つのHTMLページ、アバウトページ用に別のHTMLページなどを作成します。

新しいリンクがクリックされるたびに、Webサイトはその新しいページをロードするためのHTMLコードをサーバーに要求するため、遅延が発生します。

マルチページアプリケーションアーキテクチャ

これらの他のリンクをMPAサイトにプリロードしてページの読み込みを高速化することで、実際にある程度これを回避できます。 テスト時にCoreWebVitalsに対応できるようにサイトを準備するために、このガイドでこれについて説明します。

SPA(シングルページアプリケーション)とMPA(マルチページアプリケーション)

SPAとMPAの主な違いは、SPAにはサイト全体のHTMLコードが1ページしかないため、1回だけロードする必要があるため、「単一ページ」という用語が使用されます。

シングルページアプリケーションアーキテクチャ

SPAは、複数のHTMLページを要求してロードするのではなく、最初のクリックですべてのコンテンツをプリロードし、他のサイトコンテンツを事前にキャッシュしてから、誰かがリンクをクリックしたときにページの外観を動的に再レン​​ダリングして更新します。新しいHTMLファイルをロードします。

これは、現在のページが開いたまま、JavaScriptとサーバー側のレンダリングを使用して新しいコンテンツまたはページをロードすることで実現されます。 これにより、明らかなダウンタイムや空白の画面がないため、通常は従来のMPAよりも高速にロードしながら、より流動的なユーザーエクスペリエンスの外観が得られます。

シングルページアプリケーションサイトのデメリット

テスターとして、高速サイトが優れたユーザーエクスペリエンスを提供することはわかっていますが、サイトにSPAを使用することのデメリットは何ですか?

1.初期ページの読み込みが遅い

SPAはサイト全体を一度にプリロードするため、最初のページのロードが標準のMPAよりも遅くなる可能性があります。 ただし、読み込み方法が原因で、最初のビューポートは通常すぐに読み込まれ、瞬時に読み込まれるように見えるため、ユーザーにとっては読み込みが速いように見える場合があります。

2.JavaScriptをインストールして機能させる必要がある

ユーザーのブラウザまたはデバイスでJavaScriptが有効になっていない場合、サイトは機能しません。 これはめったに発生せず、ユーザーはそれを有効にしてダウンロードするように通知されますが、発生する可能性があります。

3.ビルドと編集のさらなる努力(ファットフロントエンド)

SPAサイトの構築は複雑であるため、作成に時間がかかる場合や、変更を加えるためにより多くの労力がかかる場合があります。

それだけでなく、正しく構築されていないと、UXの問題が発生する可能性があります。

たとえば、ユーザーは前の「ページ」に戻る代わりに、戻るタブを押してサイトを離れることができます。 繰り返しますが、正しく構築された場合は非常にまれです。

4.分析の測定とレポート

SPAは、オンサイト分析を追跡することも難しい場合があります。 そのような個別のページがないため、URLの読み込みではなく、発生する動的な変更を介してアクションを追跡する必要があります。 これは、GoogleAnalytics4とGTMでこれを行う方法に関するガイドです。

5.考えられるSEOの問題

これは、GoogleのWebスパイダーがSPAをクロールするのに苦労しているため、サイトのSEOにも影響を与える可能性があります。 (現在、ページ上の動的JavaScriptを追跡するGoogleの作業によって改善されています。)

6.潜在的なA/Bテストの問題

最後に、シングルページアプリケーションでテストするときに、主にページの読み込み方法とテストの配信方法が原因で、A / Bテストの問題が発生する可能性がありますが、これについては後ほど詳しく説明します。

人気のあるシングルページアプリケーションフレームワーク。 何を選択するか:React、Angular、またはVue?

開発者がシングルページアプリを構築するために使用できるフレームワークはいくつかあります。

  • Angular
  • React
  • MeteorJs
  • BackboneJs
  • EmberJs
  • PolymerJs
  • KnockoutJs
  • アウレリア

ただし、最も人気のあるのは、Angular(GitHubに関する多くのドキュメントを含む)、React(オープンソース、GitHubで十分にドキュメント化されている)、およびVue.js(3つのうち最新のもの)です。

シングルページアプリケーションサイトの例

どのような種類のサイトがSPAフレームワーク上に構築されていますか?

その素晴らしいロード速度のおかげで、そこにある最大のサイトのいくつかはSPAとして構築されています:

  • Netflix
  • フェイスブック
  • Gmail
  • Youtube
  • Airbnb

SPAの大部分は、ReactやAngularなどのフレームワークを使用して構築されています。

よく知られているSPAの例を次に示します。

Netflix

人気のエンターテインメントストリーミングサービスは、Reactフレームワークを利用して、ユーザーがラグを経験することなくテレビ番組や映画を視聴できるようにします。

Netflixでストリーミングされるデータの量と人数を考慮すると、NetflixのSPAアプローチはこの方法を最大限に活用していると結論付けるのが妥当です。

フェイスブック

FacebookのニュースフィードはSPAの一例です。

前のビデオをスクロールするか、他のボタンをクリックすると、コンテンツの特定の部分がページに読み込まれます。 経験に耐えるために、あなたはページを離れる必要はありません。

Gmail

受信トレイのメッセージをクリックしても、ブラウザは同じWebページに留まります。

シングルページアプリケーション(SPA)サイトでA / Bテストを行う方法は?

以前に取り上げたSPAサイトの特定のA/Bテストのアイデアについて詳しく説明するのではなく、代わりに、SPAサイトで実際にテストを実行する方法について説明したいと思います。

なんで?

さて、SPAサイトでテストを実行することは、次の3つの点で静的MPAとは異なります。

  • テストを起動させるトリガー、
  • SPAが構築されているフレームワーク、および
  • テストに使用しているツール。

では、基本を説明しましょう…

テストトリガー

通常、ほとんどのA / Bテストでは、URL文字列に基づいてテストをトリガーします。 テストしたいページの特定のURLにアクセスし、設定した基準を満たしている場合は、テストを実行する機会があります。

SPAには特定のURLトリガーがなく、JavaScriptを使用してページ要素を再レンダリングするため、代わりに次のような他のトリガーメソッドを使用する必要があります。

  • ポーリングトリガー、
  • サイトエリアでJavaScript条件を使用し、
  • 手動アクティベーション。

このようにして、テストがトリガーされ、適切な条件で実行されることを確認できます。

SPAフレームワーク

ただし、新しいトリガーを設定するだけではありません。 3つの一般的なフレームワークが実行されてSPAサイトを配信する方法のため、使用しているフレームワークによっては、正しく配信されるようにテストセットアップを調整する必要がある場合があります。

これらのそれぞれについて、以下のガイドがあります。

  • AngularJSページでの実験の実行
  • VueJSページでの実験の実行
  • ReactJSページでの実験の実行

SPAをテストするために使用するツール

SPAサイトでテストを設定するときに考慮する必要があるのは、JavaScriptフレームワークだけではありません。 また、特定のフレームワークでテストを実行できるかどうかに影響する可能性があるため、使用している実際のツールがSPAサイトでテストを実行するためにどのように機能するかを確認する必要があります。

ConvertExperiencesを使用してSPAサイトでA/Bテストを実行する方法は次のとおりです。

  1. 初めて使用する場合は、A / Aテストを実行して、ツールが正しくセットアップされていることを確認します。 (一度だけ行う必要があります。)
  2. データレイヤーを使用して、URL部分とその他のページデータを保持します(URL自体は変更されないため)。
  3. ビューポート内のサイトのセクションは、バリエーションを呼び出すために使用できる重要なトリガーです。 これは、セクションがスクロールされた状態でURLが更新されていない場合に必要です。
  4. 更新されたサイトセクションのコンテンツが高速に読み込まれ、SPAの流動的/ネイティブな性質を妨げないように(最大の利点の1つ)、CDNまたはプリフェッチコンテンツを使用するようにしてください。
  5. ページが更新されていない場合でも、トリガーされた目標がポーリングおよび収集されていることを確認します。
  6. SPAベースのA/Bテストのためにサーバー側に行くこともできます。

これは、使用する可能性のあるすべてのテストプラットフォームに当てはまります。そのため、以下のさまざまなA / Bテストツールを分類するときに、それぞれが実際にSPAでテストする方法について説明し、どちらが最適かを判断できるようにします。

シングルページアプリケーション(SPA)サイトに適応したトップ10のA/Bテストツール

SPAとは何か、SPAサイトをテストするときに覚えておく必要のある一般的な問題について見てきたので、SPAサイトでテストを実行できる最も一般的なテストツールを分析してみましょう。

  • エクスペリエンスを変換する
  • Adobe Target
  • VWO
  • カメレオン
  • SiteSpect
  • Optimizely
  • Googleオプティマイズ
  • ABlyft
  • ABおいしい
  • 動的収量

#1:エクスペリエンスを変換する

SPA A/BテストツールConvertExperiences
エクスペリエンスを変換する

価格:月額$ 699から始まり、その後は10万人の訪問者ごとに$199になります。

プランの種類:

SPA A/BテストツールConvertExperiencesプラン
ソース

彼らは無料トライアルを提供していますか? はい、クレジットカードを必要としない14日間の無料トライアル。

彼らはカスタマーサポートを提供していますか? はい、裁判の開始直後からです。 どんなタイプ? ライブチャット、ブログ、ナレッジベース。

SPAの処理にどのように適応しますか? Convertは、ページのロード後の任意の時点で呼び出すことができるConvert Activation関数(ポーリング)を提供することにより、SPAを処理できます。 目標、JavaScript、手動アクティベーションなどの特定のトリガーを可能にします。 また、ビューが変更されるたびに変換設定を再ロードでき、クライアント側またはサーバー側の追跡で機能します。

JavaScriptを介して実験をトリガーする機能はありますか? はい。 あなたはここでそれについてもっと読むことができます。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい。 [プロジェクト設定]>[グローバルプロジェクトJavascript]にすぐに使用できるコードを追加するか、SPAフレームワークと直接統合します。

SPAでの実験の実行についての詳細をお読みください。

トラストラディウスレビュー

trスパレビューを変換する
ソース

トップ顧客: Sony、Jabra、Unicefなど。

彼らはプライバシーを気にしますか? GDPRに完全に準拠しています。 GDPRを満たしていない他社の社内作業用のツールの使用をやめました。それは、私たちにとってそれがどれほど意味があるかということです。

彼らは世界を気にしますか? はい。 それは私たちのDNAにあります。 植樹、コミュニティプログラムの実施、最初の申請から多様性の擁護、慈善団体への寄付などを行っています。 一体、私たちは15倍のカーボンネガティブです。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールConvertExperiencesのスクリーンショット
ソース

#2:Adobe Target

SPA A/BテストツールAdobeTarget
Adobe Target

料金:電話を予約した後にのみ利用できます。 開始料金は月額約$10,000です。

彼らは無料トライアルを提供していますか? いいえ。

プランの種類:

SPA A/BテストツールAdobeTargetの価格
ソース

彼らはカスタマーサポートを提供していますか? はい、ナレッジベースとビデオトレーニングプログラムの形で。

SPAの処理にどのように適応しますか? Adobe Targetは、SPAコード内で呼び出すことができるtriggerView()関数を介してSPAを処理できます。 これについて詳しくは、こちらをご覧ください。

JavaScriptを介して実験をトリガーする機能はありますか? はい。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい。 ただし、SPAフレームワークと直接統合する必要があります。

トラストラディウスレビュー

SPA A/BテストツールAdobeTargetレビュー
ソース

トップ顧客: Nvidia、Sprint mobile、Phillips。

彼らはプライバシーを気にしますか? はい。ただし、皮肉なことに、これについて詳しく知るには、メールアドレスと電話番号が必要です。 ただし、非侵入型の追跡のために、ファーストパーティのデータで多くの作業を行っています。

彼らは世界を気にしますか? まさにその通り。 彼らは多様性を擁護し、100%再生可能エネルギーの建物に向けて取り組み、排出量を削減し、コミュニティアクションプログラムを実行します。

このテストツールの動作は次のとおりです。

SPA A/BテストツールAdobeTargetのスクリーンショット
ソース

#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、およびIMBBank。

彼らはプライバシーを気にしますか? はい。 主要なプライバシー法および規制に準拠していますが、一部の訪問者データをサーバーに保存しています。

彼らは世界を気にしますか? Wingify(VWOの背後にあるブランド)Paras Chopraの会長は、デリーに10床のCOVIDケア施設を設置するなど、いくつかのCOVID救援イニシアチブへの支持をツイートしました。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールのVWOスクリーンショット
ソース

#4。 カメレオン

SPA A/BテストツールKameleoon
カメレオン

価格:要件に応じてカスタマイズ。 あなたは営業チームに連絡することによってあなたのユニークな価格を手に入れます。

プランの種類:料金については、サポートチームにお問い合わせください。 計画はお客様の要件に基づいています。

彼らは無料トライアルを提供していますか? はい。

彼らはカスタマーサポートを提供していますか? はい。 複雑なプロジェクトを支援する専任のアカウントマネージャーを雇うこともできます。

SPAの処理にどのように適応しますか? Kameleoonには、プラットフォームで実験をアクティブ化できる広範なアクティブ化APIがあります。 詳しくはこちらをご覧ください。

JavaScriptを介して実験をトリガーする機能はありますか? はい。 assignVariation()関数を介して。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? URLの更新を自動的に検出します。 ただし、URLの変更が発生しない場合は、APIを介して実験のアクティブ化を呼び出す必要があります。

トラストラディウスレビュー

SPA A/BテストツールKameleoonレビュー
ソース

上位の顧客: Lexus、Unity、Providence、Toyota、RakutenはKameleoonを使用しています。

彼らはプライバシーを気にしますか? これらは、HIPAA、GDPR、およびCCPAに準拠しています。 また、各A/Bテストにプライバシーポリシーを適合させるための柔軟な同意管理機能も備えています。

彼らは世界を気にしますか? 彼らが後援している慈善団体や彼らが支援している環境上の原因の証拠を見つけることができませんでした。 ただし、ドイツとフランスのオフィスに2つのカメレオンが生息していることを知っているのは興味深いことです。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールKameleoonアプリ内スクリーンショット
ソース

#5:SiteSpect

SPA A/BテストツールSiteSpect
SiteSpect

価格:ニーズに応じてカスタマイズされた価格については、SiteSpectに問い合わせる必要があります。

プランの種類:電話の前に利用できる情報はありません。

彼らは無料のプランを提供していますか? はい、無料トライアルを提供しています。

彼らはカスタマーサポートを提供していますか? カスタマーサポートは、無料版と有料版の電話と電子メールで利用できます。 ナレッジベースには、事前に録画されたウェビナーもあります。

SPAの処理にどのように適応しますか? SitesSpectはプロキシとして機能し、サーバーからダウンロードしている間に、すべてのWebサイト要素を変更して他のバージョンと交換できます。

つまり、SPAがページにダウンロードされる前であっても、ページをアセンブルする前に任意の要素を変更できます。 ただし、どの要素を交換する必要があるかを判断するには、技術的な専門知識が必要であり、サイトのページを変更するほど簡単ではありません。

また、サーバー上で事前に組み立てられているコンポーネントは、このソリューションでは再組み立てできません。

JavaScriptを介して実験をトリガーする機能はありますか? いいえ。サーバー側と同様に、すべてプロキシで実行されます。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? いいえ、以前と同じ理由で。 サーバー側と同様に、すべてプロキシで実行されます。

トラストラディウスレビュー

SPA A/BテストツールSiteSpectユーザーレビュー
ソース

上位の顧客: Staples、PetSmart、AmericanGirl、UrbanOutfittersはSiteSpectを使用しています。

彼らはプライバシーを気にしますか? 彼らはそうします。 それらはPCIDSS3.2認定済みです。 GDPR、CCPA、プライバシーシールドに準拠し、HIPAAに対応しています。

彼らは世界を気にしますか? SiteSpectは、2014年からいくつかのチャリティープロジェクトを後援していることが知られています。

このA/Bテストツールの動作は次のとおりです。

SPA A/BテストツールSiteSpectアプリ内スクリーンショット
ソース

#6。 Optimizely

SPA A/BテストツールOptimizely
Optimizely

価格設定:カスタム価格設定モデルを使用しています。 しかし、Splitbaseは、年間少なくとも36,000ドルの費用がかかると予測しています。

プランの種類:デモのために連絡せずにこの情報を見つけることができませんでした。

彼らは無料トライアルを提供していますか? いいえ。2018年に無料プランを停止しました。

彼らはカスタマーサポートを提供していますか? はい。 彼らは、ユーザーが24時間年中無休で助けを求めるために行き詰まった電話番号を取得するのに役立つリソースのバンクを持っています。

SPAの処理にどのように適応しますか? OptimizelyのSPAのサポートは、チェックボックスをオンにすることでアクティブにできます。 これは、URLが変更されたとき、またはDOMが変更されたときに検出され、実験の評価がアクティブになり、訪問者が現在のページでバケット化されたものがアクティブになります。

JavaScriptを介して実験をトリガーする機能はありますか? はい。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい。 URLの変更とDOMの変更をポーリングします。

トラストラディウスレビュー

SPA A/BテストツールOptimizelyレビュー
ソース

上位の顧客: Microsoft、IBM、HP、eBay、Yamaha、Pizza Hut、およびAtlassianが使用しています。

彼らはプライバシーを気にしますか? 彼らは新旧のプライバシー法を考慮し、それを製品に統合して、ユーザーであるあなたがコンプライアンスについて心配する必要がないようにします。

彼らは世界を気にしますか? ほとんどの新入社員は、2日目にコミュニティのボランティアに派遣されます。

このABテストソフトウェアの動作は次のとおりです。

SPA A/BテストツールOptimizelyアプリ内スクリーンショット
ソース

#7:Googleの最適化/最適化360

SPA A/BテストツールGoogleOptimize
Googleオプティマイズ

価格:このツールには2つのバージョンがあります。 Optimizeは無料ですが、高度な機能を使用するには、GoogleOptimize360を選択する必要があります。

Optimize 360​​の価格はカスタムです(ただし、年間約150,000ドルと噂されています)。 月額料金を取得するには、フォームに記入して営業チームに連絡する必要があります。

プランの種類:

SPA A/BテストツールGoogleOptimizeの価格
ソース

彼らは無料トライアルを提供していますか? はい。

彼らはカスタマーサポートを提供していますか? ヒント、ビデオチュートリアル、ヘルプコミュニティなどを備えたリソースハブがあります。

SPAの処理にどのように適応しますか? Google Optimizeは、URLまたはDOMが変更されたときに実験の変更を自動的にアクティブ化できるようにすることで、SPAサポートを提供します。

また、実験の変更をコードでアクティブ化できるアクティブ化イベントも提供します。

JavaScriptを介して実験をトリガーする機能はありますか? はい。 彼らがGTM経由で挿入することを推奨するoptimize.activateを介して。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい。 継続的なアクティブ化を有効にする場合に実行されます。

トラストラディウスレビュー

SPA A/BテストツールGoogleOptimizeレビュー
ソース

トップ顧客: Adidas、Spotify、Eurobankなど。

彼らはプライバシーを気にしますか? これらは、製品が使用されている国で適用される顧客データ保護法に準拠しています。

また、サードパーティやデータ保護当局と協力して、ユーザーのデータを安全に保ちます。

彼らは世界を気にしますか? Googleは2007年からカーボンニュートラルであり、2030年までにカーボンフリーになる予定です。それ以外にも、10億ドルの献身的な慈善活動で知られています。

この分割テストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールGoogleOptimizeアプリ内スクリーンショット
ソース

#8。 ABlyft

SPA A/BテストツールAblyft
Ablyft

価格:価格はリクエストに応じて利用できます。 しかし、私は古いドキュメントを見つけました。そこでは、5,000人のユーザーに無料で限定テストを提供し、その後は月額329ドル(年払いの場合は279ドル)でした。

プランの種類:

SPA A/BテストツールAblyftの価格設定
ソース

彼らは無料トライアルを提供していますか? はい、クレジットカードは必要ありません。30日間の無料トライアルを開始できます。

彼らはカスタマーサポートを提供していますか? はい。 彼らは基本的な知識ベースとライブチャットのオプションを持っています。

SPAの処理にどのように適応しますか? ABlyftは、自動およびプログラムによるABテストでもカウントされます。 URL、DOM変更、プログラムAPIを使用したアクティベーションのオプションがあります。

JavaScriptを介して実験をトリガーする機能はありますか? はい、API関数を介して。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい、URLとDOMが変更されたとき。

トラストラディウスレビュー

このツールのTrustRadiusに関するレビューはなかったので、G2からレビューを受け取りました。

SPA A/BテストツールAblyftレビュー
ソース

トップカスタマーElleマガジン、Bazaar、およびInstyle。

彼らはプライバシーを気にしますか? はい。 それらは主要なプライバシー法とGDPRに準拠しています。

彼らは世界を気にしますか? 私が見つけることができたわけではありません。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールAblyftアプリ内スクリーンショット
ソース

#9。 ABおいしい

SPA A/BテストツールABTasty
ABおいしい

価格: Essentialsプランの月額40万人のテスト済み訪問者に対して$ 1900/moから始まります。 成長プランの費用は$3800/月ですが、エリートプランの費用は$5700/月からです。

プランの種類:価格とプランの種類については、営業チームにお問い合わせください。

彼らは無料トライアルを提供していますか? いいえ。デモコールをリクエストして、新機能を確認できます。

彼らはカスタマーサポートを提供していますか? はい。 彼らは知識ベースとライブチャットを持っています。

SPAの処理にどのように適応しますか? AB Tastyを使用すると、特定の条件が満たされたときに実験をアクティブ化できます。これは、ページの読み込み時に、または条件が満たされるまで定期的に確認できます。 これらの定期的にチェックされる条件は、URL値、CSSセレクターに基づいてページに存在する要素、trueに戻るJS条件、またはカスタムコード、およびjavascriptpromiseによるプログラムによるアクティブ化です。

JavaScriptを介して実験をトリガーする機能はありますか? はい。 Javascriptを介して、JS条件を約束または定期的に評価します。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? はい。 定期的にURL値、CSSセレクター、JS条件、またはJSプロミスを介してページに存在する要素を評価できます。

トラストラディウスレビュー

SPA A/BテストツールABおいしいレビュー
ソース

トップ顧客:ディズニー、ロレアル、カルビヨなど。

彼らはプライバシーを気にしますか? はい。 ユーザーIPアドレスはIDコードの作成に使用され、ツールに移動する前にすぐに削除されます。 IDコードは匿名化され、13か月後に削除されます。

彼らは世界を気にしますか? 彼らはNGOに直接寄付し、社会活動グループと協力し、蜂の巣をリサイクルして後援しています。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/BテストツールABおいしいアプリ内スクリーンショット
ソース

#10。 動的収量

SPA A/BテストツールDynamicYield
動的収量

価格設定:パーソナライズを提供する他のツールよりも平均24%高い以外に、価格設定に関する情報は見つかりませんでした。

プランの種類:繰り返しになりますが、これに関する情報は見つかりませんでした。

彼らは無料トライアルを提供していますか? はい。ただし、最初にデモをリクエストする必要があります。

彼らはカスタマーサポートを提供していますか? はい。 どんなタイプ? 彼らは、インストールを支援するための基本的な知識ベースと、テストを教えるためのアカデミーとともに、電話と電子メールのサポートを提供します。

SPAの処理にどのように適応しますか? Dynamic Yieldは、 MutationObserverと呼ばれるWeb APIを利用してSPAを処理します。これは、DOMミューテーションへのフックを提供し、ツールがミューテーションの発生を追跡できるようにします。 APIを使用すると、ツールは必要に応じてリアルタイムで変更を適用できます。

JavaScriptを介して実験をトリガーする機能はありますか? はい。 ただし、一部の古いJavaScriptライブラリはサポートされていない可能性があることを警告しています。

ページの更新に依存せずに、目標のトリガーをポーリングしますか? この機能は、キャンペーンの詳細設定で、すべてのSPAイベントで提供するオプションをオンにして有効にする必要があります。

トラストラディウスレビュー

SPA A/Bテストツール動的歩留まりレビュー
ソース

トップ顧客: Urban Outfitters、Ikea、Sephoraなど。

彼らはプライバシーを気にしますか? DynamicYieldはGDPRに完全に準拠しています。

彼らは世界を気にしますか? 彼らは実際に非常にクールなことをしています。それは、特定の基準を満たす慈善団体にツールの無料使用を提供することです。 彼らはまた、コミュニティで働いています。

このA/Bテストプラットフォームが実際にどのように見えるか:

SPA A/Bテストツールの動的歩留まりのスクリーンショット
ソース

一言で言えば:シングルページアプリケーションのA/Bテスト

だからあなたはそれを持っています。

シングルページアプリケーションのA/Bテストに関するガイド全体。 それらが何であるか、それらがどのように機能するか、およびSPAサイトまたはWebアプリを最適化するために使用できる上位10のプラットフォーム。 初心者にもわかりやすい知識を提供しているので、これらの専門用語のすべてにスキルが一致していなくても、何かが得られることを願っています。

各ツールについてさらに情報が必要ですか? 今後5年間で最適と思われる主要なツール(このリストのツールを含む)について、多数のCRO専門家にインタビューしました。 彼らがここで言わなければならないことを見てください。

また、シングルページアプリケーションでのA / Bテストシリーズのパート2に注目してください。ここでは、物事のバックエンド側を覗き見し、シングルページアプリケーションでテストを成功させるための技術的なヒントとベストプラクティスを共有します。 2日で出ます!

インタラクティブテーブルを入手
インタラクティブテーブルを入手