Getting Started
      Back to home
      1. Help Center
      2. Getting Started

      SPA Optimizations

      Mastering SPA Tracking for Seamless A/B Testing Results

      IN THIS ARTICLE YOU WILL:
      Introduction
      Welcome to our technical guide on utilizing the new SPA (Single Page Application) Optimizations feature in our A/B testing tool. This document is designed to help you understand and effectively use our latest tracking script, especially in the context of SPA frameworks.
      Understanding SPA and Hydration
      SPAs have revolutionized web development with their dynamic loading capabilities, leading to faster and more interactive user experiences. A key aspect of SPAs is the 'hydration' process, where a static page becomes interactive. However, this can pose challenges for A/B testing, as traditional tracking scripts may not account for these dynamic changes.
      The New Tracking Script: Addressing SPA Challenges
      Our new tracking script is specifically designed to seamlessly integrate with SPAs. It includes:
      1. Hydration Detection: The script detects when the SPA hydration process starts, ensuring any modifications made to web elements prior to hydration are maintained afterward.
      2. Continuous Activation: Post-activation, it continually monitors for changes (mutations) in the DOM and reapplies modifications to maintain the integrity of your A/B tests.
      SPA Optimizations UI Setting
      This feature allows you to toggle the advanced SPA handling capabilities of our tracking script:
      • Enable: The script will actively manage element changes before and after hydration, ensuring consistent A/B testing results.
      • Disable: The script operates without SPA-specific adjustments, suitable for traditional web applications.
      Step-by-Step Guide to Using SPA Optimizations
      1. Access the Convert UI: Log into your dashboard and navigate to My Project > Configuration > Other Settings.
      2. Locate SPA Optimizations: Find the SPA Optimizations toggle under the script settings.
      3. Toggle the Setting: Choose to enable or disable the feature based on your application's architecture and testing requirements.
        spa
      Best Practices
      • Enable SPA Optimizations for websites using SPA frameworks to ensure accurate A/B testing results.
      • Regularly monitor your A/B tests for any anomalies, especially after major updates to your website.
      • If unsure, consult with your support team to understand the impact of SPA on your site's functionality and A/B testing.
      Conclusion
      Our new tracking script with SPA Optimizations is a powerful tool for conducting A/B tests in dynamic web environments. By understanding and utilizing these features, you can ensure more accurate and reliable testing outcomes.
      For further assistance or to share feedback, please reach out to our support team.