Aller au contenu principal

Extension de navigateur Chrome

Dernière mise à jour le 26 oct. 20264 min de lecture
Table des matières

En bref​

L'extension Chrome Varify te donne un ensemble d'outils utiles pour travailler avec Varify dans ton navigateur. Utilise-la avant que le snippet soit en ligne, vérifie ton implémentation, contourne les restrictions de l'éditeur sur ton site et inspecte les expériences déjà en cours. Tu peux l'installer depuis le Chrome Web Store.

Avec l'extension, tu peux :

  • exécuter le snippet Varify localement dans ton navigateur sans l'intégrer sur la page
  • vérifier si le snippet est intégré dans le code de ton site web
  • utiliser le Responsive Device Switcher même si ton site web le bloque
  • voir toutes les expériences actives sur la page actuelle et la variante qui t'est attribuée
  • changer la variante qui t'est attribuée avec le « Experiment Variation Switcher »

Installer l'extension Chrome​

  1. Téléchargez l'extension :
  1. Installation et activation dans Chrome :
  • Cliquez sur « Add » pour installer l'extension.
  • Activez l'extension après l'installation.
  • Ajoutez-la à votre barre d'extensions dans Chrome
Le plugin de prévisualisation Varify affiche « Snippet found » et liste quatre expériences actives avec leur variation assignée

Fonctionnalités de l'extension Chrome Varify.io​

Intégration locale du snippet Varify​

Avec l'extension Chrome Varify, tu peux exécuter le snippet de code Varify uniquement en local dans ton navigateur afin de tester l'éditeur et les fonctions de Varify.

Voici comment procéder :

  1. Ouvre le dashboard Varify et recherche « Get Snippet Here ».
  2. Copie le snippet Varify qui s'affiche.
  3. Ouvre l'extension Chrome Varify.io.
  4. Colle le snippet copié dans le champ « Your Snippet Code » de l'extension.
  5. Saisis le domaine du site que tu souhaites tester dans le champ „Domain“ (exemple : test.com ou varify.io)
  6. Enregistre le snippet et le domaine en cliquant sur „Save Snippet“
  7. Active le bouton bascule « Integrate Snippet » pour n'exécuter le snippet que dans ton navigateur.
important

ImportantCette version ne s'applique qu'à ton navigateur et n'est pas visible pour les autres utilisateurs. Dès que le snippet Varify a été intégré directement sur le site, tu dois désactiver à nouveau le bouton bascule afin d'éviter les implémentations en double.

Avant et après : lorsque « Integrate Snippet » est activé, le snippet du compte et le domaine sont saisis et enregistrés avec „Save Snippet“

Exemple 1 : Tester l'éditeur Varify​

Tu peux essayer l'éditeur Varify sans intégrer directement le snippet dans ton site web. Cela te permet de te familiariser avec les fonctions et de tester des premières modifications.

Exemple 2 : Créer des premières expériences de test​

Configure des premières expériences et affiche-les uniquement dans ton propre navigateur. Ainsi, tu peux vérifier à quoi ressemblent les modifications avant d'intégrer définitivement le snippet dans le site web.

Vérifier l'intégration du snippet de code​

Dans la partie supérieure droite de l'extension Chrome Varify, tu peux voir en un coup d'œil si le snippet de code Varify est déjà intégré dans le code du site web.

❗️Important : il s'agit ici de l'intégration directement dans le code du site web, et non du snippet que tu as inséré via l'extension Chrome.

🟢 Point vert & « Snippet found » → Le snippet est intégré avec succès dans le site web.

🟠 Point orange & « Snippet not found » → Le snippet n'a pas été trouvé et doit encore être intégré.

L'en-tête du plugin dans les deux états : « Snippet found » avec un point vert et « Snippet not found » avec un point orange

Contourner les problèmes avec le Responsive Device Switcher​

Le « Responsive Device Switcher » dans l'éditeur visuel te permet d'afficher un site web dans différentes largeurs d'écran.

Dans certains cas, des restrictions de framing peuvent empêcher le device switcher de charger le site web. Si cela se produit, l'extension Chrome Varify propose une solution simple :

  1. Active l'interrupteur « Allow Responsive Device Switcher » dans l'extension Chrome.
  2. Recharge la page.
Éditeur Varify avec le device switcher désactivé, affichant une page vide, et activé, affichant la page rendue

Expériences actives​

Sous « Active Experiments », tu peux voir toutes les expériences actives sur la page que tu consultes actuellement. Ainsi que la variante à laquelle tu es actuellement assigné

Cela te permet de vérifier rapidement si les réglages « Page Targeting » et « Audience Targeting » sont corrects et si l'expérience se déroule comme prévu pour toi.

Plugin avec la liste « Active Experiments » mise en évidence, nommant chaque expérience en cours avec son ID et la variation que le visiteur voit

Sélecteur de variantes d'expérience​

L'Experiment Variation Switcher dans l'extension Chrome Varify te permet de changer la variation qui t'est assignée pour les expériences diffusées sur la page.

Voici comment cela fonctionne :

  1. Le menu déroulant sous « Experiment Variation Switcher » liste toutes les expériences actives sur la page. Sélectionne l'expérience pour laquelle tu souhaites changer la variation.
  2. La variation actuellement active est affichée dans le menu déroulant sous « Active Variation ». Sélectionne ici la variation vers laquelle tu souhaites basculer.
  3. Clique sur « Switch Variation » pour les changer.
important

ASTUCE : Cette fonction est particulièrement utile pour l'assurance qualité, car tu peux basculer entre les variantes et vérifier leur affichage.
Tu peux en savoir plus ici : A/B testing - quality assurance

Plugin avec l'expérience « optimization (16848) » choisie et « variation-1 (23740) » définie comme variation active avant « Switch Variation »
Sur cette page