あなたのA/Bテストが品質保証で絶対確実であることを確認してください:あなたのA/BテストをQAするための完全なガイド

公開: 2022-04-05
A:Bテストが品質保証で絶対確実であることを確認してください

正しく機能しないA/Bテストは変換されません。

A / Bテストは、オプティマイザーにとってかなりの時間、費用、およびリソースを消費する可能性があります。 そしてもちろん、誰も彼らの努力が無駄になることを望んでいません。 これが、Webサイト、ランディングページ、パーソナライズ、A / Bテスト、電子メールキャンペーンなどで品質保証(QA)を実行して、すべてが正常に機能することを確認する必要がある理由です。

また、シンプルで使いやすく、直感的で、エラーがなく、効率的なA / Bテストを作成するための最良の方法は、適切なQAプロセスを採用することです。 このようにして、訪問者は価値があり、信頼性が高く、高度にインタラクティブな最終製品を受け取ります。

QAは防災の鍵です。 欠陥や脆弱性が重大になる前に発見できるため、オプティマイザーはテストの進行に伴う高コストを回避できます。

品質保証が重要であることは一般的な知識ですが、多くのオプティマイザーは、テストを適切にQAするために実際に時間をかけていません。 その結果、これらのテストは失敗することがよくあります。 動作した場合、「動作しなかった」Webサイトは少なくなります。

隠れる
  • 品質保証とは何ですか?
    • 品質とは何ですか?
    • 保証とは何ですか?
    • A/Bテストの品質保証
  • ユーザーテストと品質保証
  • A / BテストでQAが重要なのはなぜですか?
    • オプティマイザーと開発者はA/Bテストに近すぎます
    • エミュレーターは本物ではありません
    • 相互作用
    • ブレークポイントとデバイス表示モードの変更
    • 人間の視点からのテスト
  • QA A / Bテストを行わないとどうなりますか?
    • A/Bテストの開始の遅れ
    • レポート結果のエラー
    • 互換性が悪い
    • 顧客の欲求不満と評判の低下
    • A/Bテストツールへの信頼の欠如
    • 売上損失によるビジネスの苦しみ
  • QA A/Bテストの4つのベストプラクティス
    • 1.QA戦略を策定する
    • 2. A/Bテストで何をQAするかを特定します
      • ページ上の要素
      • サードパーティツールとの統合
      • 点滅またはちらつき
      • クロスブラウザとクロスデバイス
    • 3.ページエクスペリエンスに焦点を当てる
    • 4.QAをコンバージョン目標に合わせる
  • QAが適切に行われない理由
    • 時間の制約
    • 誤って実装されたトラッキングコード
    • 明確な仮説はありません
    • 不十分なサンプルサイズ
  • Convertが一般的なQAの課題をどのように克服するか
    • GoogleChrome変換デバッガー
    • バリエーションURLのプレビュー
    • フォースバリエーションURL
    • QAオーディエンスでのクエリパラメータの使用
    • ライブログ
  • 常に先を見据えてください!

品質保証とは何ですか?

まず、邪魔にならないようにいくつかの簡単な定義を取得しましょう。

品質とは何ですか?

品質は「使用または目的に適している」という意味です。 A / Bテストの機能、設計、信頼性、耐久性、および価格のコンテキストでは、すべてが顧客の要望と期待に応えることです。

保証とは何ですか?

保証は、自信を植え付けるA/Bテストについての肯定的な宣言にすぎません。 A / Bテストが適切に、期待や要件に従って機能することは確実です。

A/Bテストの品質保証

簡単に言えば、品質保証はA/Bテストの品質を確認するための手法です。 オプティマイザーと開発者が一堂に会し、関連するすべてのデバイスとブラウザーですべてが正しく機能するようにします。

言い換えれば、Webサイト(またはランディングページ、バリエーション、電子メールキャンペーンなど)は、訪問者が摩擦やその他の問題点にさらされないように、高品質である必要があります。

ユーザーテストと品質保証

ユーザーテストでは、ユーザーが実際にWebサイトをどのように体験するかを調べますが、品質保証では、Webサイトの実際のデザインに重点を置きます。

ユーザーテスト:

  • 実際の人々がWebサイトをどのように使用しているか、およびこれが開発者の意図したものとどのように異なるかを調べます
  • 実際の使用環境で、潜在的な訪問者の誤解や摩擦点を見つけます。

品質保証:

  • ウェブサイトの表面エラーと壊れた要素
  • サイトのパフォーマンスを向上させる

したがって、それらは異なり、QAははるかに広い用語です。

QAとテスト
QAとテストの違い

A / BテストでQAが重要なのはなぜですか?

確かに、ここにいくつかのバグがあり、苛立たしいものがあります。

しかし、結局のところ、それらは収益に影響を与えますか? QAはより多くのリソースを投資する価値がありますか? 物事が完璧でない場合、どのような違いがありますか?

品質保証のかなりのハードルを克服しましたが、多くの組織はそれを過小評価し続けています。

QAに影響を与える最大のリスクと、QAがA/Bテストでこれほど大きな役割を果たす理由を調べてみましょう。

オプティマイザーと開発者はA/Bテストに近すぎます

オプティマイザーと開発者は通常、協力してA/Bテストを設定します。 それらは非常に接近しているため、品質保証を担当している場合、マイナーではあるが重要な側面を見落としがちです。

ただし、QAテスターは、品質に注意が払われていることを確認します。 これらは、アプリケーションを「予期しない方法」で推進する非自明な機能を実行しますが、多くの場合、意図されていません。 QAテスターは、証拠がない限り、「バグが修正された」ことを受け入れることを拒否します。 彼らは新しいことを試みて失敗することを恐れません。 彼らが最初にバグを見つけなかった場合、彼らはテストでより創造的になり、それを期待される標準に合わせます。

A / Bテストとその設計に関する2番目の目は、予期しない欠陥を明らかにする可能性があります。

エミュレーターは本物ではありません

エンドユーザーはエミュレーターを使用しません。 代わりに、ブラウザを備えた実際のデバイス。 実際のデバイスやブラウザで調査しないと、ブラウザ固有の問題を見逃す可能性があります。

ユーザーがA/BテストがBrowserStackで正常に機能していると確信している多くのサポートケースを見てきました(さまざまなブラウザーでA / Bテストがどのように見えるかをシミュレートします)。 ただし、実際の訪問者向けにテストを開始する場合、A/Bテストの誤動作を報告するためにサポートエージェントに連絡します。

実際のサポートケース:

プロジェクトの変換に問題があります。

Click_Cart_Checkout_1は、iPhone XR/Safariでは起動しないようです。 両方の開発ツールコンソール(chrome:// inspectとiPhoneからmacbookへのリンク)を確認しました。その変換で実行されているコードを確認できますが、レポートで追跡されていません。

XRを使用してdevtoolsでiPhoneをエミュレートする場合、変換は追跡されますが、実際のテストでは追跡されません。

2つの別々のiPhoneでテストしました。 私たちのQAテスターと私のもの。

ブラウザ間で手動QAを実行しない限り、メトリック設定が正しいかどうかをテストできない場合があります。 数週間後、結果を確認して、一部のブラウザでプライマリアクションが正しくトリガーされていないか、まったくトリガーされていないことに気付く場合もあります。

したがって、エミュレータだけでなく、さまざまな環境でテストをQAするようにしてください。

相互作用

バリエーションを手動で調べないと、ページやバリエーションの相互作用に関連するバグを見逃す可能性もあります。 これは、アコーディオンを開くのが難しい、ボタンを押す、またはじょうご全体に影響を与える重要な何かなどの単純な問題につながる可能性があります。

実際のサポートケース:

バリエーションページでは、[チェックアウト]ボタンで問題が発生し、PayPalボタンで問題が発生することがありますが、元のページではすべて正常に機能しています。

チェックアウトボタンをクリックすると、ここにリダイレクトされます:cart.php / checkout.phpですが、/checkout.phpである必要があります

ロゴにも問題があります。 表示されている場合と表示されていない場合があります。

A / Bテストは、ページバリエーションに新しい要素を追加することや、これらの要素がどのように相互作用し、サイト全体の機能をどのように強化するかだけではありません。

ブレークポイントとデバイス表示モードの変更

エミュレーターを使用する場合、デバイスモードを縦向きから横向きに、またはその逆に変更する際の問題を見落とす可能性があります。 バリエーションが両方のモードで正しく表示されているかどうか、およびユーザーが実際のモバイルデバイスまたはタブレットデバイスでバリエーションを保証する品質によって2つを切り替えているかどうかをすばやくスポットチェックできます。

実際のサポートケース:

プロジェクトで多変量テストを実行していましたが、クライアントはモバイルランドスケープモードで画像が正しく表示されていないことに気づきました。 理由を理解するためにあなたの助けを得ることができますか?

人間の視点からのテスト

何かが「奇妙」に見えるときを知ることができるのは、人間が手動で行うQAだけです。 自動テスト方法では、これらの視覚的な欠陥は検出されません。 QAエンジニアは、ユーザーであるかのようにWebサイトを操作することで、ユーザビリティの問題とユーザーインターフェイス(UI)の不具合を見つけることができます。 自動テストスクリプトはこれらをテストできません。

QA A / Bテストを行わないとどうなりますか?

QAがビジネスの成功と失敗の違いを意味することが明らかになったので、それを無視するとどうなるか見てみましょう(ヒント:きれいではありません)

A/Bテストの開始の遅れ

A / Bテストを確実に成功させるには、事前に品質保証のための十分な時間を確保することが重要です。 これには、すべてのWebまたはアプリ要素が正しく機能し、ビジネスおよび顧客のニーズを満たすことを保証することが含まれます。 QAは、テストを開始する前に問題を特定して修正し、起動の遅延を回避するのに役立ちます。

レポート結果のエラー

QAがないと、変動エラーが発生し、レポート結果に統計エラーが発生する可能性があります。

誤検知の結果(タイプIエラーとも呼ばれます)は、テスト結果が元の結果とバリエーションがない場合のバリエーションの間に有意差を示した場合に発生します。 もう1つの間違いは、結果が変動と元の値の間に有意差を示さない場合の偽陰性(別名タイプIIエラー)ですが、1つあります。

適切なQAがないと、A/Bテストの結果を正確に判断できない場合があります。 これは、ビジネスのパフォーマンスと潜在的な最適化について誤った結論につながる可能性があります。 QAの欠如は他にどのような統計に影響しますか?

互換性が悪い

訪問者は、さまざまな場所やブラウザからサービスにアクセスします。

デバイスや言語との互換性可能であれば、考えてテストする必要があります。 アプリケーションがさまざまなブラウザ、特にすべてのバージョンで動作することを確認するのはあなたの責任です。

顧客の欲求不満と評判の低下

不満のある消費者は、満足している顧客よりも公開レビューを残す可能性が高いことをご存知ですか?

オンラインとオフラインの苦情、および製品の放棄は、ビジネスにとって悪いニュースです。 否定的な情報のために、他の潜在的な買い手は製品を購入することを躊躇します。 不満を持っている(そして率直な)顧客がいると、ブランドに対する信頼が低下する可能性があります。 消費者がオンラインで否定的なレビューを投稿した場合、彼らの不満は将来の購入に影響を与える可能性があります。

A/Bテストツールへの信頼の欠如

ブランドが最初にA/Bテストソリューションに投資する唯一の理由は、情報に基づいた意思決定を行い、訪問者に可能な限り最高のオンライン体験を提供することです。 A / Bテストソリューションを信頼できない場合、意味のあるメリットに変換するための最適化の取り組みを期待することはできません。

すべてのA/Bテストの品質が保証されていることを確認することで、データが適切に収集され、最適化の取り組みが訪問者に真のメリットをもたらすことがわかります

A / Bテストの技術的な問題は、データの損失、レポートのゆがみ、意思決定の偏りなど、ブランドに重大なリスクをもたらすため、非常に重要です。 それらはまた深刻な経済的影響を及ぼします。 ブランドはソリューションを完全に信頼する必要があります。これは、コンバージョン率と売上および収益の増加に直接影響を与える意思決定ツールだからです。

売上損失によるビジネスの苦しみ

第一印象を与えるチャンスは1回だけです。 それは多くの点で真実であり、QAに時間をかけなければ、テーブルにお金を残している可能性があります。

チェックアウトの進行を妨げたり、CTAを表示しないなど、一見小さなことで、顧客が店舗を放棄する可能性があります。 カスタマーエクスペリエンスを豊かにするために、これらすべてをテストする必要があります。

顧客の成功と顧客の幸せの鍵は、高品質の製品を提供することです。 満足している顧客は戻ってきて、他の人を紹介することさえあります。

QA A/Bテストの4つのベストプラクティス

これまで読んだことがあるということは、品質保証の価値を理解し、それについてもっと知りたいということです。 しかし、A / Bテストのどの部分をQAできますか? そして、従うべきベストプラクティスは何ですか?

始めるためのいくつかの方法があります。

1.QA戦略を策定する

A / BテストのQAを行う前に、戦略を作成するか、構造化されたプロセスを確立してください。 QAを測定するための明確な客観的かつ具体的な品質基準が必要です。

また、開発チームと最適化チームと問題点について話し合ってください。 さまざまな視点を検討し、共通の目標と基準を設定することで、関係者全員を同じページに集めます。

QA戦略は、コンバージョンの目標とも一致している必要があります。 品質保証に費やす時間とリソースが最終的にコンバージョンに貢献していない場合は、プロセス全体を再考する必要があります。

提供しているものを正確に必要とする小さなリストは、コミットされていない大きなリストよりも優れています。

BellInvestmentの投資顧問兼ファイナンシャルプランナーであるS.RamsayLeimenstoll

便利な戦略を立てるために通常何が必要ですか?

  • 基礎を築き、役割を割り当てる
  • QAに何をすべきかを正確に知る
  • 発生する可能性のある問題の予測とその修正方法
  • バリエーションのリスト
  • QAの対象者の特定(ターゲットユーザーグループ)
  • QAの基準を設定する

2. A/Bテストで何をQAするかを特定します

QAの準備の内容と方法がわからない場合、A/Bテストの品質を保証することは非常に面倒で複雑になる可能性があります。 考慮すべき最も重要な側面のいくつかを次に示します。

ページ上の要素

ページ上の要素は、A/Bテストの要です。 それらは顧客向けであり、ページの速度とユーザーエクスペリエンスに直接影響するため、品質を常にテストする必要があります。 始める前に、QAのすべての要素のリストを準備します。 これは、監査を成功させ、所要時間を短縮し、明白なサイトの弱点と問題を特定して修正するためのQA戦略の大部分を占める必要があります。

あなたが焦点を当てるべきいくつかの重要な分野:

  • ページの速度と応答性:これらはQAで最も重要で見過ごされがちです。多くの動的なサイト要因が、ページのパフォーマンスと応答性に影響を与えます。 そして、個々の機能についてこれらの要因を評価するかもしれませんが、それらがあなたのサイトを遅くするかどうか、そしてどのようにすべての違いを意味することができるかを見てください。 サイトのパフォーマンスとカスタマーエクスペリエンスの両方を念頭に置いて、全体像を作成し、レスポンシブデザインのすべての可能性を探る必要があります。
  • デバイスタイプ:画面の解像度は、ページにアクセスするデバイスによって異なります。 これは、解像度がユーザーの行動に大きな影響を与えるモバイルオーディエンスをテストする場合に非常に重要です。 質の高いエクスペリエンスを実現するには、消費者が使用しているデバイスを特定する必要があります。 パターンを追跡し、それに応じてテスト要素(それらのデバイス用)をQAします。
  • グラフィックとビジュアル:すべてのグラフィックとビジュアルのページ要素はQAを受ける必要があり、ページのパフォーマンスと読み込み時間に影響します。 理想的には、A/Bテストで画像を使用する方法を理解する必要があります。 使用する画像はすべて、サイトの構造と同期して設計し、さまざまなデバイスに適切に読み込む必要があります。
  • 基本的にすべて:ページ上のフォームは正常に機能していますか? それらへの変更はサイトの品質に影響を与えましたか? 古いものと新しいものはどのように見えますか? サイトでQAの何百もの要素について話し合うことはできますが、それでも要点を見逃しています。 これが、検証とテストが必要な細部をすべて知っておく必要がある理由です。 そして、どのようにそれをしますか? 変更がもたらす結果を常にチェックして保証することによって。

サードパーティツールとの統合

プラットフォーム間でバリエーション固有のデータを送信するためにGoogleAnalytics統合(またはGoogle Analytics、Mixpanel、Kissmetricsなどの他のサードパーティインターフェース)を設定した場合は、データがスムーズかつ正確に流れるようにしてください。

点滅またはちらつき

テストをライブにする前に、ちらつきを取り除きます。

サイトで非同期コードスニペットを使用すると、バリエーションが読み込まれる前にオリジナルが表示される場合があります。 訪問者にスムーズなサイト体験を提供するには、「同期Webサイト」に切り替えます。 読み込み時間が短い場合、オリジナルは非表示になり、訪問者にはバリエーションのみが表示されます

Convertがちらつき効果をどのように解決したかをご覧ください。

クロスブラウザとクロスデバイス

A / Bテストで最も一般的な問題の1つは、「ブラウザーとデバイスの互換性」です。 Chrome、Safari、Firefox、Edge、デバイスタイプ、デスクトップ、タブレット、モバイルなど、最も人気のあるブラウザでバリエーションがどのように表示されるかを調べます。

サイトがレスポンシブであるからといって、すべてのデバイスで正しく表示され、機能するわけではありません。 モバイル固有の問題を念頭に置いてQAを行う必要があります。 優れた「デスクトップエクスペリエンス」は、優れた「モバイルエクスペリエンス」と同じではないことを忘れないでください。

それでもQAを実行する必要があります。 モバイル固有の問題も考慮する必要があります。 優れたデスクトップエクスペリエンスは、優れたモバイルエクスペリエンスと同じではないことを忘れないでください。

GetUpliftの変換最適化コンサルタントであるTaliaWolfは、クロスデバイスの問題を非常によく要約し、いくつかの可能な解決策を提供します。

モバイルエクスペリエンスに関するTaliaWolfの引用

Taliaのデバイスの使いやすさへの取り組みは、デバイスエクスペリエンスの通常の側面以上のものに光を当て、基本的に、簡単なナビゲーションと簡単な操作を可能にする領域に焦点を当てています。 適切な品質を提供するには、既存および将来のデバイス機能をさらに検討する必要があります。

3.ページエクスペリエンスに焦点を当てる

最終的にページエクスペリエンスが向上しない場合、どのような努力をしていますか? ページの機能はページのエクスペリエンスに大きな影響を与えるため、すぐにQAを行う必要があります。

  • ユーザーインタラクション:ユーザーがページをどのように操作するかを分析することから始めます。 さまざまなインタラクションタッチポイントを一覧表示し、専門性に基づいて分類します。 細部を確認してください。 すべてがクリック可能で適切にリダイレクト可能ですか? ナビゲーションホバーはどのように見えますか? ページの不具合やバウンスのトリガーはありますか?
  • ページの読み込み時間: A / Bテストを実行する前と開始直後に、ページの読み込み時間を確認してください。 通常、ページの読み込み時間の違いはごくわずかですが、大幅な増加が見られる場合は、バリエーションの変更を再確認してください。 これは、ロードに長い時間がかかるバリエーションに加えた変更、またはトラッキングコードスニペットの速度が原因である可能性があります。

テストツールを使用してQAを実行すると、読み込み時間が通常より長くなることに注意してください。実際のページの読み込み時間は不正確に表されます。

ヒント:Convertの追跡スクリプトは、インストールされているWebサイトの最初のページに到達するために約450ミリ秒の追加の読み込み時間を追加します。 ブラウザレベルまたはCDNエッジレベルのいずれかで後続のロードをキャッチします。

さらに、さまざまなバリエーションでテストをプレビューすると、テストが適切に読み込まれ、期待される結果が得られることが保証されます。

4.QAをコンバージョン目標に合わせる

A / Bテストは、コンバージョンの前兆です。 テストが最終的にコンバージョンとA/Bテストの目標と一致しない場合は、長期にわたって使用され、既存のリソースを使い果たすリスクがあります。

最高のデザインは、あなたの会社をクールでエッジの効いた洗練されたものに見せかけるだけのものではありません。 これは、変換をサポートし、クールなコピーの余地があり、人々に大きなオレンジ色のボタンをクリックさせる強力なアクション呼び出しを備えたデザインです。

Brian Massey、ConversionSciencesの変換科学者

ブライアンの言葉が通用するものであれば、前述のすべての要素は、訪問者をコンバージョンファネルに移動させるだけでなく、コンバージョンにつながるはずです。 時間、人、予算がある限り、テストして再試行することしかできません。 これには、収益に影響を与え、ビジネスを継続する方法で、これらすべての領域を最適化することが必要です。

ユースケースは次のとおりです。

コンソールでCSSセレクターを実行すると、生成された要素が探しているものであるかどうかを確認できます。 何か逸脱している場合は、正規表現が十分に狭くなっていないかどうかを確認してください。 確かに、いくつかのWebサイトのURLを取得し、RegExPalなどのツールを使用して実行します。 これは、テストの実行とコンバージョンの追跡の両方に適用されます。 テストを実行していないページでテストを実行しているかどうかをさらに確認できますか?

これはすべて大変なことのように思えるかもしれませんが、プロセスは、新しいWebサイト/アプリをリリースするときに行う広範なテストと同様である必要があります。これには数日と多くの労力がかかる可能性があります。

QAが適切に行われない理由

次の要因により、A/Bテストが適切にQAされていません。

時間の制約

開発チームは、より速い成長を達成するために高い分割テストペースを維持するという絶え間ないプレッシャーにさらされています。 ただし、A / Bテストは、このような負荷の下で正しく実装されない可能性が高くなります。

誤って実装されたトラッキングコード

これは簡単な間違いですが、大きな影響を与える可能性があります。 トラッキングコードを誤って実装したり、完全に忘れたりすると、訪問者をリードや顧客に変換するのにどのバリアントが優れているかを知る方法がないため、A/Bテストのデータは役に立たなくなります。

明確な仮説はありません

新しい仮説は、A / Bテストで元のページに対してテストされます–それ以上でもそれ以下でもありません。 そして、それらは適切に描写され、定義される必要があります。

たとえば、CEOからの見積もりを含めると、ランディングページのコンバージョン率が上がるか下がるかを確認できます。 帰無仮説は、統合された見積もりがコンバージョン率に意味のある影響を与えないことを示しています。 有向仮説を立てることができます。見積もりを含めると、コンバージョン率がはるかに高くなります

あなたの仮説は適切に定式化されていますか? Convertの仮説ジェネレーターで大きなコンバージョンリフトを獲得しましょう。

不十分なサンプルサイズ

これは、テストが役に立たない、または適切でない小規模なオンラインストアやWebサイトの場合に当てはまります。 サンプルサイズが小さいため、結果は深刻な変動と歪みを起こしやすい傾向があります。

サンプルが「小さい」ほど、推定が不正確になる可能性が「高く」なります。

過度に大きなサンプルも問題になる可能性があります。 滞在期間の測定など、間隔スケールのデータを使用する場合、大きなサンプルではわずかな平均差でさ​​え重要になります。 効果量と理想的なサンプルサイズを計算すると、この課題を解決するのに役立ちます。

ヒント:オンラインA / Bテストの有意性計算機を使用して、テストを計画します。

Convertが一般的なQAの課題をどのように克服するか

デジタルマーケティング戦略に実験を導入する企業は、統合の認定やエクスペリエンスのプレビューなど、運用ワークフローにQA対策を組み込む必要があります。

Convertでは、パズルの多くのピースを統合して、可能な限り簡単な方法でパーソナライズされた戦略を作成します。 私たちは、さまざまなツールとリソースを使用して、何百もの企業がエクスペリエンスを構築、テスト、レビュー、および起動する能力を向上させるのを支援してきました。

それらが何であるか、そしてそれらがどのようにあなたのすべてのQA問題に対する包括的な解決策になることができるかをあなたに示しましょう。

GoogleChrome変換デバッガー

Google Chrome拡張機能は、「スクリプトログの変換」をChromeデベロッパーツールコンソールに出力します。 これには、実験と特定のトリガーされたバリエーションが含まれます。 このツールを使用すると、テストイベントのシーケンスを決定し、テストをデバッグするときに貴重な情報を提供できます。

注意 QAプロセス全体でこのデバッガーを使用して、実験に参加しているかどうかを判断し、変動を観察してください。

ConvertExperiences用のChromeDebuggerExtensionのインストールの詳細をご覧ください。

ConvertExtensionからのコンソールデバッガライン
ConvertExtensionによって生成されたコンソールデバッガライン

元のバリエーションに夢中になり、実験が機能していないと誤って想定するのはよくあることです。 この問題を修正するには、拡張機能を有効にし、incognitoセッションでQAを実行することをお勧めします。デバッガー出力のすべてのバリエーションと実験の参照は、対応するIDで行われます。

実験IDとバリエーションIDを決定する方法をご覧ください。

バリエーションURLのプレビュー

これらのURLは、ビジュアルエディターを使用したエクスペリエンスの開発または製図をサポートします。 操作中、実験QAテスターは、これらのURLとビジュアルエディタービューの間を行き来する必要があります。 編集ウィンドウにはフレームが1つしかないため、ビューは完全に正確ではない場合があります。 また、エディターで変更を加えるコードは、ユーザーエクスペリエンスを向上させるために繰り返し実行されます。

ライブプレビューURLビジュアルエディター
ビジュアルエディター経由でアクセスされるライブプレビューURL
ライブプレビューURLレポートダッシュボード
レポートダッシュボードからアクセスするライブプレビューURL

バリエーションURLをプレビューするときは、次の点に注意してください。

  • 「ライブプレビューURL」でプレビューする場合、サイトエリアとオーディエンスの条件は考慮されません。
  • パラメータが追加されるページURLに変更が加えられます。 これは、さまざまなビューを簡単にテストするためのものです。

キャンペーンのプレビューとQAプロセスの実施はまったく異なります。

「プレビューモード」では変更が強制的に表示されてプレビューが生成され、クリックトラッキングやターゲティングを確認できないため、キャンペーンのプレビューは実際のQAプロセスに置き換わるものではありません。

フォースバリエーションURL

フォースバリエーションURLは、明確なテストの見通しを提供します。 これらを使用して、訪問者と同様の環境で実験をテストします。

注意実験の最終テストには、これらのURLを使用する必要があります。

ビジュアルエディターを介してバリエーションURLを強制する
ビジュアルエディターを介してアクセスされるフォースバリエーションURL

このURLで提供されるバリエーションは、実験の提供に使用されるCDNサーバーから提供されます。

このURLで提供されるバリエーションは、CDNサーバーから提供されます

フォースバリエーションURLを使用する場合、テスト条件が評価されるため、それらが一致することを確認してください。 また、目標の構成にはURL条件が含まれることが多いことを忘れないでください。 これが、ターゲットがフォースバリエーションURLで起動しない理由である可能性があります。

バリエーションURLのフォーマットに苦労していますか? ここにいくつかの役立つヒントがあります。

QAオーディエンスでのクエリパラメータの使用

QAオーディエンスを追加することで、実験を見る訪問者を制限できます。

QAクエリパラメータをテストURLに追加すると、このオーディエンスをさらにグループ化できます。

https://www.domain.com/mypage.html?utm_medium=qa

「新しいオーディエンス」を作成するには、次のような条件を使用できます。

中: qaと完全に一致します

新しいオーディエンスビューを変換する
新しいオーディエンスビュー

QAオーディエンスを使用すると、訪問者をテストにバンドルすることなく、テストを「アクティブ化」して検証できます。

  • まず、ターゲットグループを実験に割り当てます。
  • ブラウザで新しい認識ウィンドウを開いてテストします。
  • 2番目のタブを開かないでください。また、他の認識ウィンドウが開いていないことを確認してください。
  • 現在のテストが終了したらウィンドウを閉じ、新しいテストごとに新しいウィンドウを開きます。

サイトにアクセスする前に、URLの最後に以下を追加してください。

?utm_medium = qa(qaを、オーディエンスを作成したときに選択した値に置き換えます)。

ほとんどの場合、「サイトエリア」の条件に一致するURLにアクセスします。 実験の構造によっては、最初に別のページにアクセスしてから、実験の実行をトリガーするサイトエリアに移動する場合があります。 いずれの場合も、最初にアクセスするURLにクエリパラメータを追加してください。 このパラメータは、他のページに移動した場合でも保存されます。

たとえば、URLが「http://www.mysite.com」の場合は、次のURLにアクセスする必要があります。

http://www.mysite.com?utm_medium=qa

上記の手順に従うと、ランダムに選択された実験のすべてのバリエーションを確認できます。 さらに、サイトエリアの条件に一致するURLで開始していない場合は、一致するURLにアクセスできます。 次に、実験でランダムに選択されたものに応じて、「オリジナル」またはバリエーションの1つが表示されます。

注意: QAオーディエンスを追加すると、サイトエリアとリンク先URLの条件を一致させる能力に影響を与える可能性があります。

ライブログ

Convert Experiencesのライブログは、エンドユーザーがプロジェクトおよび実験レベルでWebページや実験をリアルタイムで操作する方法を追跡します。 ターゲットが起動したときのタイムスタンプ、発生したイベントのタイプ、エンドユーザーに提示されたバリエーションなどの情報をキャプチャします。

特定のプロジェクトのライブログを表示するには、トップパネルの[プロジェクト]>[ライブログ]に移動します。

変換ダッシュボードのライブログビュー
変換ダッシュボードのライブログビュー

ここでは、行の任意の場所をクリックして、実験名、ブラウザタイプ、実験へのアクセスに使用されたデバイス、ユーザーの国、訪問中にトリガーされた目標など、アクティビティの詳細を表示できます。

変換ダッシュボードの個別のライブログビュー
変換ダッシュボードの個別のライブログビュー

ライブログを使用すると、コンバージョンがどのように発生するかを追跡および監視できます。 また、セットアップを検証し、テストのセットアップまたは変換中に見つかった問題をデバッグすることも簡単にできます。 ライブログは、収益を追跡し、実験と設定された目標を検証するのに役立つソースとしても機能します。

常に先を見据えてください!

A / B QAテストは、Webサイトが完全に機能し、エラーがないことを確認するために不可欠です。 QAは、現在の問題を解決するのに役立つだけでなく、将来の問題を防ぐための基礎を築きます。

ただし、QAプロセスをまとめるのは難しい場合があります。 さまざまな目標と野心を持つ多くのデバイスに非常に多くの潜在的なユーザーがいるため、どこから始めてどのような質問をするかを知ることは困難です。

QAの重要性について、コンバージョン率最適化コミュニティを調査しました。

応答は明白でした。

回答者の100%によると、QA手順は実験の成功にとって重要です。

業界全体のQAベストプラクティスとConvertの認定エージェンシーパートナーからの洞察を組み合わせて、何度も使用する包括的なチェックリストを作成しました。

上記のチェックリストは、チェックする必要のあるすべてのリストを意図したものではなく、A/Bテストを開始する前に何をする必要があるかを考えるための出発点です。 QAは目標ではなく旅であり、定期的かつ主要な変更を通じて実行する必要があることを覚えておくことが重要です。

無料トライアル
無料トライアル