Test A/B SPA : Un guide de démarrage pour les applications d'une seule page et les 10 meilleurs outils de test A/B SPA à utiliser

Publié: 2022-02-15
Un guide de démarrage pour les applications d'une seule page et les 10 meilleurs outils de test SPA A:B à utiliser

Applications monopage : de quoi s'agit-il, comment fonctionnent-elles et, plus important encore, comment exécuter des tests A/B sur celles-ci ?

Dans ce guide, nous allons décomposer cela et examiner 10 des meilleures plates-formes de test A/B que vous pouvez utiliser.

Nous couvrirons leurs prix, leurs fonctionnalités, s'ils permettent des essais, puis nous détaillerons les méthodes qu'ils utilisent pour vous permettre d'exécuter des tests A/B sur des applications d'une seule page.

De cette façon, vous pouvez décider exactement quel outil est le mieux adapté à vous et à vos besoins de test.

(Si vous savez déjà tout sur les tests SPA, n'hésitez pas à passer à la section des outils ici).

cacher
  • Qu'est-ce qu'une application monopage (SPA) ?
    • Architecture d'application à page unique
  • SPA (application monopage) vs MPA (application multipage)
    • Les inconvénients des sites d'application à page unique
      • 1. Chargement de page initial lent
      • 2. JavaScript doit être installé et fonctionner
      • 3. Plus d'efforts pour construire et éditer (Fat Frontend)
      • 4. Mesures analytiques et rapports
      • 5. Problèmes de référencement possibles
      • 6. Problèmes potentiels de test A/B
    • Cadres d'application à page unique populaires. Que choisir : React, Angular ou Vue ?
    • Exemples de sites d'application à page unique
      • Netflix
      • Facebook
      • Gmail
  • Comment faire des tests A/B sur des sites d'application monopage (SPA) ?
    • Le déclencheur de test
    • Le cadre SPA
    • L'outil que vous utilisez pour tester votre SPA avec
  • Top 10 des outils de test A/B qui se sont adaptés aux sites d'application monopage (SPA)
    • #1 : Convertir les expériences
    • #2 : Cible Adobe
    • #3. VWO
    • #4. Kameleoon
    • #5 : SiteSpect
    • #6. De façon optimale
    • #7 : Optimiser Google/Optimiser 360
    • #8. ABlyft
    • #9. AB Savoureux
    • #dix. Rendement dynamique
  • En bref : Tests A/B d'applications à page unique

Qu'est-ce qu'une application monopage (SPA) ?

Un SPA est un site Web ou une application Web conçu pour se charger très rapidement et de manière fluide. Son objectif est de reproduire l'expérience d'une application mobile bien conçue et la façon dont elle est construite. Vous cliquez sur quelque chose et il se charge presque immédiatement.

Le nom d'application à page unique, cependant, est un peu trompeur et déroutant pour les utilisateurs non techniques. Il ne s'agit pas de sites qui ne sont construits que comme une seule page Web, mais plutôt de la façon dont il est codé.

Architecture d'application à page unique

La meilleure façon de comprendre le fonctionnement d'un SPA est de regarder comment il est construit (l'architecture du site) et de le comparer à un site Web standard que vous pourriez utiliser.

Un site Web standard, également connu sous le nom d'application statique ou d'"application multi-pages" (MPA), est construit en ayant plusieurs pages de code HTML qui représentent chaque page individuelle du site. Vous allez donc avoir une page HTML pour la page d'accueil, une autre pour la page à propos, etc.

Chaque fois qu'un nouveau lien est cliqué, le site Web demande au serveur le code HTML pour que cette nouvelle page soit chargée, ce qui entraîne un retard.

Architecture d'application multi-pages

Vous pouvez en fait contourner ce problème dans une certaine mesure en préchargeant ces autres liens sur les sites MPA pour accélérer le chargement de votre page. Nous en parlons dans ce guide ici, pour préparer votre site à répondre aux Core Web Vitals lors des tests.

SPA (application monopage) vs MPA (application multipage)

La principale différence entre un SPA et un MPA est que le SPA n'a qu'une seule page de code HTML pour l'ensemble du site qui n'a besoin de se charger qu'une seule fois, d'où le terme "page unique".

Architecture d'application à page unique

Plutôt que d'avoir à demander et à charger plusieurs pages HTML, le SPA précharge tout le contenu au premier clic, met en cache le contenu de l'autre site à l'avance, puis restitue et met à jour dynamiquement l'apparence de la page lorsque quelqu'un clique sur des liens à la place. de charger de nouveaux fichiers HTML.

Il y parvient en utilisant JavaScript et le rendu côté serveur pour charger le nouveau contenu ou les nouvelles pages, alors que la page actuelle est toujours ouverte. Cela donne l'apparence d'une expérience utilisateur plus fluide tout en se chargeant généralement plus rapidement qu'un MPA traditionnel car il n'y a pas de temps d'arrêt apparent ni d'écrans vides.

Les inconvénients des sites d'application à page unique

En tant que testeurs, nous savons qu'un site rapide offre une excellente expérience utilisateur, mais quels sont les inconvénients d'utiliser un SPA pour votre site ?

1. Chargement de page initial lent

Étant donné que le SPA précharge l'intégralité du site en une seule fois, cela peut signifier que le chargement initial de la page peut être plus lent qu'un MPA standard. Cependant, en raison de la façon dont il se charge, il peut toujours sembler se charger rapidement pour l'utilisateur, car la fenêtre d'affichage initiale se charge généralement immédiatement, donnant l'apparence d'un chargement instantané.

2. JavaScript doit être installé et fonctionner

Si le navigateur ou l'appareil de l'utilisateur n'a pas activé JavaScript, le site ne fonctionnera tout simplement pas. Cela se produit rarement et les utilisateurs seront avertis pour l'activer et le télécharger, mais cela peut arriver.

3. Plus d'efforts pour construire et éditer (Fat Frontend)

En raison de la complexité de la création de sites SPA, ils peuvent parfois prendre plus de temps à créer ou plus d'efforts pour apporter des modifications.

Non seulement cela, mais ils peuvent également causer d'éventuels problèmes UX s'ils ne sont pas construits correctement.

Par exemple, l'utilisateur peut appuyer sur l'onglet de retour et quitter le site au lieu de revenir à la « page » précédente. Encore une fois, très rare lorsqu'il est construit correctement.

4. Mesures analytiques et rapports

Il peut également être difficile de suivre les analyses sur site des SPA. Comme il n'y a pas de page distincte en tant que telle, les actions doivent être suivies via les modifications dynamiques qui se produisent au lieu des chargements d'URL. Voici un guide sur la façon de procéder avec Google Analytics 4 et GTM.

5. Problèmes de référencement possibles

Cela peut également affecter le référencement du site, car les araignées Web de Google ont du mal à explorer le SPA. (Bien qu'il soit actuellement amélioré par le travail de Google pour suivre le JavaScript dynamique sur la page.)

6. Problèmes potentiels de test A/B

Enfin, nous pouvons rencontrer des problèmes de test A/B lors de tests sur des applications d'une seule page, principalement en raison du chargement de la page et de la manière dont le test est livré, mais nous aborderons cela plus en détail dans une seconde.

Cadres d'application à page unique populaires. Que choisir : React, Angular ou Vue ?

Il existe plusieurs frameworks que les développeurs peuvent utiliser pour créer des applications à page unique, telles que :

  • Angulaire
  • Réagir
  • MeteorJs
  • BackboneJs
  • EmberJs
  • PolymerJs
  • KnockoutJs
  • Aurélia

Les plus populaires, cependant, sont Angular (avec beaucoup de documentation sur GitHub), React (open source, bien documenté sur GitHub) et Vue.js (le plus récent des trois).

Exemples de sites d'application à page unique

Quels types de sites sont construits sur des frameworks SPA ?

Grâce à ses vitesses de chargement fantastiques, certains des plus grands sites sont construits en tant que SPA :

  • Netflix
  • Facebook
  • Gmail
  • Youtube
  • Airbnb

La majorité des SPA sont construits à l'aide de frameworks tels que React et Angular.

Voici quelques exemples de SPA bien connus :

Netflix

Le service de streaming de divertissement populaire utilise le framework React pour permettre à ses utilisateurs de regarder des émissions de télévision et des films sans subir de décalage.

Lorsque vous considérez la quantité de données diffusées sur Netflix et par combien de personnes, il est raisonnable de conclure que l'approche SPA de Netflix utilise pleinement cette méthode.

Facebook

Le fil d'actualité de Facebook est un exemple de SPA.

Lorsque vous faites défiler les vidéos précédentes ou cliquez sur d'autres boutons, des portions spécifiques de contenu sont chargées sur la page. Pour endurer l'expérience, vous n'avez pas besoin de quitter la page.

Gmail

Le navigateur reste sur la même page Web lorsque vous cliquez sur vos messages dans votre boîte de réception.

Comment faire des tests A/B sur des sites d'application monopage (SPA) ?

Plutôt que d'entrer dans les détails des idées de test A/B spécifiques pour les sites SPA que nous avons déjà abordées, je souhaite plutôt expliquer comment exécuter des tests sur les sites SPA à la place .

Pourquoi?

Eh bien, l'exécution de tests sur des sites SPA est différente d'un MPA statique en raison de trois choses :

  • Le déclencheur qui déclenche le test,
  • Le cadre sur lequel le SPA est construit, et
  • L'outil que vous utilisez pour tester.

Alors laissez-moi vous expliquer les principes de base…

Le déclencheur de test

Normalement, avec la plupart des tests A/B, nous déclenchons l'expérience en fonction des chaînes d'URL. Si quelqu'un visite l'URL spécifique de la page que nous voulons tester et s'il répond aux critères que nous avons définis, il a alors une chance que le test se déroule pour lui.

Étant donné que les SPA n'ont pas de déclencheur d'URL particulier et utilisent JavaScript pour restituer les éléments de la page, nous devons plutôt utiliser d'autres méthodes de déclenchement telles que :

  • Déclencheurs d'interrogation,
  • Utilisation des conditions JavaScript dans la zone du site, et
  • Activation manuelle.

De cette façon, nous pouvons nous assurer que le test est déclenché et s'exécute dans les bonnes conditions.

Le cadre SPA

Il ne s'agit pas seulement de configurer de nouveaux déclencheurs. En raison de la manière dont les 3 frameworks populaires s'exécutent et diffusent le site SPA, vous devrez peut-être ajuster votre configuration de test afin qu'il fonctionne correctement, en fonction du framework que vous utilisez.

Nous avons des guides pour chacun d'entre eux ci-dessous :

  • Exécution d'expériences sur une page AngularJS
  • Exécution d'expériences sur une page VueJS
  • Exécution d'expériences sur une page ReactJS

L'outil que vous utilisez pour tester votre SPA avec

Il n'y a pas que les frameworks JavaScript qu'il faut prendre en compte lors de la mise en place des tests sur les sites SPA. Vous devez également examiner le fonctionnement de l'outil réel que vous utilisez pour exécuter des tests sur un site SPA, car cela peut affecter si vous pouvez exécuter le test sur votre infrastructure particulière.

Voici comment nous exécutons des tests A/B sur les sites SPA à l'aide de Convert Experiences :

  1. Exécutez un test A/A pour vous assurer que l'outil est correctement configuré si c'est la première fois que vous l'utilisez. (Ne doit être fait qu'une seule fois.)
  2. Utilisez la couche de données pour contenir les parties d'URL et les autres données de la page (puisque l'URL elle-même ne change pas).
  3. La section du site dans la fenêtre d'affichage est un déclencheur important qui peut être utilisé pour appeler des variantes. Cela est nécessaire lorsque l'URL n'est pas mise à jour avec les sections qui défilent.
  4. Assurez-vous d'utiliser un CDN ou de pré-récupérer le contenu afin que le contenu de la section du site mis à jour soit chargé rapidement et ne perturbe pas la nature fluide/native des SPA ( l'un de ses plus grands avantages ).
  5. Assurez-vous que les objectifs déclenchés sont interrogés et collectés, même si la page n'est pas actualisée.
  6. Vous pouvez également passer du côté serveur pour les tests A/B basés sur SPA.

Cela est vrai pour toute plate-forme de test que vous pourriez utiliser, donc lorsque nous décomposerons les différents outils de test A/B ci-dessous, nous expliquerons comment chacun d'eux teste réellement sur les SPA afin que vous puissiez décider lequel vous convient le mieux.

Top 10 des outils de test A/B qui se sont adaptés aux sites d'application monopage (SPA)

Maintenant que nous avons examiné ce que sont les SPA et les problèmes courants que vous devez garder à l'esprit lors du test des sites SPA, décomposons les outils de test les plus populaires qui vous permettent d'exécuter des tests sur eux.

  • Convertir les expériences
  • Cible Adobe
  • VWO
  • Kameleoon
  • SiteSpect
  • De façon optimale
  • Optimiser Google
  • ABlyft
  • AB Savoureux
  • Rendement dynamique

#1 : Convertir les expériences

Outil de test A/B SPA Convert Experiences
Convertir les expériences

Prix : à partir de 699 $ par mois, puis 199 $ pour 100 000 visiteurs.

Types de forfait :

Outil de test A/B SPA Plans Convert Experiences
La source

Proposent-ils un essai gratuit ? Oui, essai gratuit de 14 jours sans carte de crédit nécessaire.

Offrent-ils un support client ? Oui, dès le début du procès. Quel genre? Chat en direct, blog et base de connaissances avec plus à venir.

Comment s'adapte-t-il à la gestion des SPA ? Convert peut gérer les SPA en fournissant une fonction d'activation de conversion (polling) qui peut être appelée à tout moment après le chargement de la page. Permet des déclenchements spécifiques tels que les objectifs, JavaScript, l'activation manuelle, etc. Vous permet également de recharger les paramètres de conversion à chaque changement de vue et peut fonctionner sur le suivi côté client ou côté serveur.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. Vous pouvez en savoir plus ici.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. En ajoutant du code prêt à l'emploi dans Paramètres du projet > Javascript du projet global ou via une intégration directe avec le framework SPA.

En savoir plus sur l'exécution d'expériences sur les SPA.

Examen du rayon de confiance :

convertir tr spa examen
La source

Principaux clients : Sony, Jabra, Unicef ​​et autres.

Se soucient-ils de la vie privée ? Nous sommes entièrement conformes au RGPD. Nous avons même cessé d'utiliser des outils pour notre travail interne d'autres entreprises qui ne respectent pas le GDPR, c'est ce que cela signifie pour nous.

Se soucient-ils du monde ? Oui. C'est dans notre ADN. Nous plantons des arbres, gérons des programmes communautaires, défendons la diversité dès la demande initiale, faisons des dons à des œuvres caritatives et bien plus encore. Heck, nous sommes 15x carbone négatif.

À quoi ressemble cette plateforme de test A/B en action :

Capture d'écran de l'outil de test A/B SPA Convert Experiences
La source

#2 : Cible Adobe

Outil de test SPA A/B Adobe Target
Cible Adobe

Tarification : Uniquement disponible après réservation d'un appel. Le taux de départ est d'environ 10 000 $ par mois.

Proposent-ils un essai gratuit ? Non.

Types de forfait :

Outil de test SPA A/B Tarification Adobe Target
La source

Offrent-ils un support client ? Oui, sous la forme d'une base de connaissances et de programmes de formation vidéo.

Comment s'adapte-t-il à la gestion des SPA ? Adobe Target peut gérer les SPA via une fonction triggerView() qui peut être appelée dans le code SPA. Vous pouvez en savoir plus à ce sujet ici.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. Cependant, il a besoin d'une intégration directe avec le SPA Framework.

Examen du rayon de confiance :

Examen Adobe Target de l'outil de test A/B SPA
La source

Principaux clients : Nvidia, Sprint mobile, Phillips.

Se soucient-ils de la vie privée ? Oui, mais ironiquement, ils ont besoin de votre adresse e-mail et de votre numéro de téléphone pour en savoir plus à ce sujet. Ils font cependant beaucoup de travail dans les données de première partie pour un suivi non intrusif.

Se soucient-ils du monde ? Tout à fait. Ils défendent la diversité, œuvrent pour des bâtiments 100 % à énergie renouvelable, réduisent les émissions, gèrent des programmes d'action communautaire, et bien plus encore.

À quoi ressemble cet outil de test en action :

Capture d'écran Adobe Target de l'outil de test A/B SPA
La source

#3. VWO

Outil de test SPA A/B VWO
Essais VWO

Prix ​​: À partir de 99 $/mois. Rien de plus nécessite une tarification personnalisée en fonction de vos besoins. Et vous devrez contacter l'équipe commerciale VWO pour le vôtre.

Types de forfait :

Outil de test SPA A/B Tarification VWO
La source

Proposent-ils un essai gratuit ? Oui, vous pouvez commencer avec un essai gratuit de 30 jours.

Offrent-ils un support client ? Oui, vous pouvez les appeler si vous avez besoin d'aide. Ou consultez leur page de ressources.

Comment s'adapte-t-il à la gestion des SPA ? VWO peut gérer automatiquement les SPA via son code de suivi standard et fournit également une fonction pour déclencher les changements de page.

Pour les SPA qui modifient les chaînes d'URL avec de nouveaux chargements de contenu, cela fonctionne avec l'installation standard. Pour les SPA qui ne changent pas l'URL, vous devez configurer une page virtuelle à l'aide d'une URL personnalisée.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. En appelant 'applychanges'.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. Il détectera automatiquement les modifications de l'URL et de l'historique du navigateur en incluant uniquement le code de suivi VWO.

Examen du rayon de confiance :

Examen VWO de l'outil de test SPA A/B
La source

Principaux clients : Ubisoft, AMD, Penn Foster, Optimeria et IMB Bank.

Se soucient-ils de la vie privée ? Oui. Ils respectent les principales lois et réglementations en matière de confidentialité, mais ils stockent certaines données des visiteurs sur leurs serveurs.

Se soucient-ils du monde ? Le président de Wingify (la marque derrière VWO) Paras Chopra, a tweeté son soutien à quelques initiatives de secours COVID, notamment la mise en place d'un établissement de soins COVID de 10 lits à Delhi.

À quoi ressemble cette plateforme de test A/B en action :

Capture d'écran VWO de l'outil de test SPA A/B
La source

#4. Kameleoon

Outil de test SPA A/B Kameleoon
Kameleoon

Tarification : Personnalisée selon vos besoins. Vous obtenez votre prix unique en contactant l'équipe commerciale.

Types de forfaits : vous devez contacter leur équipe d'assistance pour connaître les tarifs. Les plans sont basés sur vos besoins.

Proposent-ils un essai gratuit ? Oui.

Offrent-ils un support client ? Oui. Vous pouvez même obtenir un gestionnaire de compte dédié pour vous aider avec des projets complexes.

Comment s'adapte-t-il à la gestion des SPA ? Kameleoon dispose d'une API d'activation étendue pour pouvoir activer des expériences sur leur plateforme. En savoir plus ici.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. Via la fonction assignVariation().

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Il détecte automatiquement les mises à jour d'URL. Cependant, lorsqu'aucune modification d'URL ne se produit, l'activation du test doit être appelée via son API.

Examen du rayon de confiance :

Évaluation de l'outil de test SPA A/B Kameleoon
La source

Principaux clients : Lexus, Unity, Providence, Toyota et Rakuten utilisent Kameleoon.

Se soucient-ils de la vie privée ? Ils sont conformes aux normes HIPAA, GDPR et CCPA. Ils disposent également d'une fonctionnalité flexible de gestion du consentement pour adapter votre politique de confidentialité à chaque test A/B.

Se soucient-ils du monde ? Je n'ai trouvé aucune preuve d'un organisme de bienfaisance qu'ils parrainent ou des causes environnementales qu'ils soutiennent. Cependant, il est intéressant de savoir qu'ils ont deux caméléons vivants dans leurs bureaux en Allemagne et en France.

À quoi ressemble cette plateforme de test A/B en action :

Capture d'écran in-app de l'outil de test A/B SPA Kameleoon
La source

#5 : SiteSpect

Outil de test SPA A/B SiteSpect
SiteSpect

Tarification : Vous devrez contacter SiteSpect pour un prix personnalisé selon vos besoins.

Types de forfaits : Aucune information disponible avant un appel.

Offrent-ils un plan gratuit? Oui, ils offrent un essai gratuit.

Offrent-ils un support client ? Le support client est disponible par téléphone et par e-mail pour les versions gratuites et payantes. Des webinaires préenregistrés sont également disponibles dans leur base de connaissances.

Comment s'adapte-t-il à la gestion des SPA ? SitesSpect agit comme un proxy où tous les éléments du site Web peuvent être modifiés et échangés contre d'autres versions pendant leur téléchargement à partir des serveurs.

Cela signifie qu'ils peuvent modifier n'importe quel élément avant d'assembler la page, avant même que le SPA ait été téléchargé sur la page. Cependant, vous aurez besoin d'une expertise technique pour pouvoir déterminer quels éléments doivent être échangés et ce n'est certainement pas aussi simple que de changer une page sur le site.

De plus, tous les composants pré-assemblés sur les serveurs ne peuvent pas être réassemblés avec cette solution.

A-t-il la capacité de déclencher des expériences via JavaScript ? Non. Tout se fait dans un proxy, similaire au côté serveur.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Non, pour la même raison qu'avant. Tout se fait dans un proxy, similaire au côté serveur.

Examen du rayon de confiance :

Avis des utilisateurs de SiteSpect sur l'outil de test SPA A/B
La source

Principaux clients : Staples, PetSmart, AmericanGirl et Urban Outfitters utilisent SiteSpect.

Se soucient-ils de la vie privée ? Ils font. Ils sont certifiés PCI DSS 3.2 ; Conforme au GDPR, au CCPA et au bouclier de confidentialité, et prêt pour la HIPAA.

Se soucient-ils du monde ? SiteSpect est connu pour parrainer certains projets caritatifs depuis 2014.

À quoi ressemble cet outil de test A/B en action :

Capture d'écran intégrée à l'application SiteSpect de l'outil de test A/B SPA
La source

#6. De façon optimale

Outil de test SPA A/B
De façon optimale

Tarification : Ils utilisent un modèle de tarification personnalisé. Mais Splitbase prédit qu'ils coûtent au moins 36 000 $ par an.

Types de forfaits : je n'ai pas pu trouver cette information sans les contacter pour une démonstration.

Proposent-ils un essai gratuit ? Non. Ils ont arrêté le forfait gratuit en 2018.

Offrent-ils un support client ? Oui. Ils disposent d'une banque de ressources pour aider les utilisateurs à se débloquer et de numéros de téléphone à appeler pour obtenir de l'aide 24h/24 et 7j/7.

Comment s'adapte-t-il à la gestion des SPA ? Le support d'Optimizely pour SPA peut être activé en cochant une case. Cela détecte quand l'URL change ou quand le DOM change ce qui active l'évaluation des expériences, et l'activation de celles que le visiteur a été bucket sur la page en cours.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. Il interroge les changements d'URL et les changements de DOM.

Examen du rayon de confiance :

Outil de test SPA A/B Examen optimisé
La source

Principaux clients : Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut et Atlassian l'utilisent.

Se soucient-ils de la vie privée ? Ils prennent en considération les anciennes et les nouvelles lois sur la confidentialité et les intègrent dans leurs produits afin que vous, l'utilisateur, n'ayez pas à vous soucier de la conformité.

Se soucient-ils du monde ? La plupart des nouvelles recrues sont envoyées faire du bénévolat dans la communauté le deuxième jour.

À quoi ressemble ce logiciel de test AB en action :

Capture d'écran de l'outil de test A/B SPA Optimizely dans l'application
La source

#7 : Optimiser Google/Optimiser 360

Outil de test SPA A/B Google Optimize
Optimiser Google

Tarification : Il existe 2 versions de cet outil. Optimize est gratuit, mais pour les fonctionnalités avancées, il faut opter pour Google Optimize 360.

Le prix d'Optimize 360 est personnalisé (bien que la rumeur se situe autour de 150 000 USD par an). Pour obtenir votre prix mensuel, vous devrez remplir un formulaire pour contacter leur équipe commerciale.

Types de forfait :

Outil de test SPA A/B Tarification Google Optimize
La source

Proposent-ils un essai gratuit ? Oui.

Offrent-ils un support client ? Ils ont un centre de ressources avec des conseils, des didacticiels vidéo, une communauté d'aide, etc.

Comment s'adapte-t-il à la gestion des SPA ? Google Optimize fournit une prise en charge SPA en permettant une activation automatique des changements de test lorsque l'URL ou le DOM change.

Il fournit également un événement d'activation dans lequel les modifications de l'expérience peuvent être activées avec du code.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. Grâce à Optimize.activate qu'ils recommandent d'insérer via GTM.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. C'est le cas lors de l'activation de l'activation continue.

Examen du rayon de confiance :

Examen de l'outil de test SPA A/B de Google Optimize
La source

Principaux clients : Adidas, Spotify, Eurobank et bien d'autres.

Se soucient-ils de la vie privée ? Ils respectent les lois applicables en matière de protection des données des clients dans les pays où leurs produits sont utilisés.

Ils travaillent également avec des tiers et des autorités de protection des données pour assurer la sécurité des données des utilisateurs.

Se soucient-ils du monde ? Google est neutre en carbone depuis 2007 et prévoit de l'être d'ici 2030. En dehors de cela, ils sont connus pour de nombreux gestes philanthropiques avec leur engagement d'un milliard de dollars.

À quoi ressemble cette plate-forme de test fractionné en action :

Capture d'écran intégrée à l'application Google Optimize de l'outil de test A/B SPA
La source

#8. ABlyft

Outil de test SPA A/B Ablyft
Ablyft

Tarification : Les tarifs sont disponibles sur demande. J'ai cependant trouvé un document plus ancien dans lequel ils proposaient des tests limités GRATUITEMENT pour les utilisateurs 5k, puis 329 $ par mois après cela (279 $ si vous payez annuellement).

Types de forfait :

Outil de test SPA A/B Tarification Ablyft
La source

Proposent-ils un essai gratuit ? Oui, vous pouvez commencer avec un essai gratuit de 30 jours, sans carte de crédit.

Offrent-ils un support client ? Oui. Ils ont une base de connaissances de base et des options de chat en direct.

Comment s'adapte-t-il à la gestion des SPA ? ABlyft compte également avec des tests AB automatiques et programmatiques. Avec une option d'activation avec URL, changement DOM et API programmatique.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui, via une fonction API.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui, lorsque l'URL et le DOM changent.

Examen du rayon de confiance :

Il n'y avait pas d'avis sur Trust Radius pour cet outil, j'ai donc pris l'avis de G2.

Examen Ablyft de l'outil de test SPA A / B
La source

Meilleurs clients Magazine Elle, Bazaar et Instyle.

Se soucient-ils de la vie privée ? Oui. Ils sont conformes aux principales lois sur la confidentialité et au RGPD.

Se soucient-ils du monde ? Pas que j'ai pu trouver.

À quoi ressemble cette plateforme de test A/B en action :

Capture d'écran intégrée à l'application Ablyft de l'outil de test A/B SPA
La source

#9. AB Savoureux

Outil de test A/B SPA AB Tasty
AB Savoureux

Prix ​​: À partir de 1 900 $/mois pour 400 000 visiteurs testés par mois pour le plan Essentials. Le plan de croissance coûte 3800 $/mois tandis que le plan Elite commence à 5700 $/mois.

Types de forfaits : vous devez contacter leur équipe de vente pour connaître les tarifs et les types de forfaits.

Proposent-ils un essai gratuit ? Non. Vous pouvez demander un appel de démonstration pour voir leurs nouvelles fonctionnalités.

Offrent-ils un support client ? Oui. Ils ont une base de connaissances et un chat en direct.

Comment s'adapte-t-il à la gestion des SPA ? AB Tasty permet l'activation d'expérimentations lorsqu'une certaine condition est remplie, qui peut être vérifiée au chargement de la page ou périodiquement jusqu'à ce que la condition soit remplie. Ces conditions vérifiées périodiquement peuvent être une valeur d'URL, des éléments présents sur la page basés sur des sélecteurs CSS, des conditions JS qui reviennent à vrai, ou un code personnalisé et également une activation programmatique via des promesses javascript.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. Par le biais de promesses Javascript ou de conditions JS évaluées périodiquement.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Oui. Peut évaluer périodiquement les valeurs d'URL, les éléments présents sur la page via des sélecteurs CSS, des conditions JS ou des promesses JS.

Examen du rayon de confiance :

Outil de test A/B SPA Avis AB Tasty
La source

Principaux clients : Disney, L'Oréal, Kalviyo et autres.

Se soucient-ils de la vie privée ? Oui. Les adresses IP des utilisateurs sont utilisées pour créer un code d'identification, puis immédiatement supprimées avant de passer à l'outil. Les codes d'identification sont anonymisés puis supprimés après 13 mois.

Se soucient-ils du monde ? Ils font des dons directs à des ONG, ils travaillent avec des groupes d'action sociale, ils recyclent et parrainent des ruches.

À quoi ressemble cette plateforme de test A/B en action :

Outil de test A/B SPA Capture d'écran intégrée à l'application AB Tasty
La source

#dix. Rendement dynamique

Outil de test SPA A/B Dynamic Yield
Rendement dynamique

Tarification : Je n'ai trouvé aucune information sur la tarification si ce n'est qu'elle est 24% plus élevée en moyenne que les autres outils proposant de la personnalisation.

Types de plans : Encore une fois, je n'ai trouvé aucune information à ce sujet.

Proposent-ils un essai gratuit ? Oui, mais vous devez d'abord demander une démo.

Offrent-ils un support client ? Oui. Quel genre? Ils offrent une assistance par appel et par e-mail, ainsi qu'une base de connaissances de base pour aider à l'installation, puis une académie pour enseigner les tests.

Comment s'adapte-t-il à la gestion des SPA ? Dynamic Yield gère les SPA en exploitant une API Web appelée MutationObserver , qui fournit des crochets dans les mutations DOM et permet à l'outil de suivre le moment où les mutations se produisent. L'utilisation de l'API permet à l'outil d'appliquer les modifications en temps réel selon les besoins.

A-t-il la capacité de déclencher des expériences via JavaScript ? Oui. Ils avertissent cependant que certaines bibliothèques JavaScript plus anciennes pourraient ne pas être prises en charge.

Sonde-t-il le déclenchement des objectifs sans compter sur les actualisations de page ? Cette fonction doit être activée dans les paramètres avancés d'une campagne, en cochant l'option Servir à chaque événement SPA .

Examen du rayon de confiance :

Outil de test SPA A/B Examen dynamique du rendement
La source

Principaux clients : Urban Outfitters, Ikea, Sephora, etc.

Se soucient-ils de la vie privée ? Dynamic Yield est entièrement conforme au RGPD.

Se soucient-ils du monde ? Ils font en fait quelque chose de très cool, qui consiste à offrir l'utilisation gratuite de leur outil à des organismes de bienfaisance qui répondent à certains critères. Ils travaillent aussi dans la communauté.

À quoi ressemble cette plateforme de test A/B en action :

Capture d'écran de l'outil de test A/B SPA Dynamic Yield
La source

En bref : Tests A/B d'applications à page unique

Alors voilà.

Notre guide complet sur les applications de test A/B d'une seule page. Ce qu'ils sont, comment ils fonctionnent et les 10 meilleures plates-formes que vous pouvez utiliser pour optimiser les sites SPA ou les applications Web. Nous avons rendu les connaissances faciles pour les débutants, donc même si vos compétences ne correspondent pas encore à tous ces termes techniques, nous espérons que vous en tirerez encore quelque chose !

Vous souhaitez plus d'informations sur chaque outil ? Nous avons interrogé un groupe d'experts CRO sur les meilleurs outils qu'ils pensent être les meilleurs pour les 5 prochaines années (y compris les outils de cette liste). Voyez ce qu'ils ont à dire ici.

Et restez à l'écoute pour la partie 2 de la série Tests A/B sur les applications à page unique , où nous jetons un coup d'œil sur le côté backend et partageons quelques conseils techniques et meilleures pratiques pour exécuter des tests réussis sur des applications à page unique. Il sort dans deux jours !

Obtenir un tableau interactif
Obtenir un tableau interactif