Peu importe le type de site WordPress que vous avez, qu’il s’agisse d’une boutique en ligne ou d’un blog de marketing d’affiliation, il est vital que vous n’arrêtiez jamais le A/B testing ! Les décisions fondées sur les données sont ce qui peut aider à propulser votre site Web ou votre entreprise vers l’avant et vous donner une longueur d’avance sur la concurrence. Mais soyons honnêtes, le A/B testing n’est pas toujours facile. Ou peut-être que vous l’avez juste repoussé. Eh bien, aujourd’hui, nous espérons que nous pourrons changer cela !

Ci-dessous, nous allons nous plonger dans la façon de faire du A/B testing avec Google Optimize dans WordPress. Peu importe le type de site que vous avez, cela fonctionnera dans tous les domaines. Et le meilleur de tout, c’est que c’est gratuit.

Il est vital que vous n'arrêtiez jamais le A/B testing ! Google Optimize fournit un moyen excellent et gratuit pour commencer. 📊Click to Tweet

Qu’est-ce que le A/B testing ?

Le A/B testing, parfois aussi appelé test split, permet de comparer les éléments d’une page (ou tout type de données) les uns par rapport aux autres afin de déterminer lesquels sont les plus performants en termes de pages vues, de temps sur page, de conversions, de taux de rebond, etc. En voici quelques exemples :

  • Tester différents titres.
  • Essai d’un nouveau contenu ou d’une nouvelle mise en page de la page d’accueil.
  • Expérimentation avec des boutons CTA de différentes couleurs.
  • Montrer quelque chose de complètement différent comme un CTA dans un widget ou un formulaire de contact. Vous pouvez suivre les ventes dans Google Analytics le long du funnel pour voir ce qui mène à plus de ventes.

Il existe différentes formes de A/B testing, comme les tests multivariés, mais la méthode la plus courante consiste simplement à envoyer 50% de votre trafic vers la page A et 50% de votre trafic vers la page B. Aussi connu comme un test split.

A/B testing split
A/B testing split

L’idée est de commencer par des tests simples, tels que changer le texte du CTA ou la couleur du bouton, trouver le gagnant, et le reproduire encore et encore avec de nouveaux gagnants. Au fur et à mesure que vous faites cela, vous devriez commencer à voir de meilleurs résultats, quel que soit l’objectif que vous visez.

Il est également très important de déterminer si votre site Web a assez de trafic pour même commencer le A/B testing en raison de la taille des échantillons et du temps. Stephen Watts a un excellent article qui aborde certains de ces points plus précis, y compris pourquoi vous devriez reproduire vos tests de marketing.

Google Optimize

Il y a beaucoup d’outils différents à choisir quand il s’agit de A/B testing. Nous couvrons beaucoup d’entre eux dans notre article sur les meilleurs outils de A/B testing.

Cependant, si vous avez beaucoup de trafic, beaucoup d’entre eux pourraient facilement vous coûter des centaines ou même des milliers de dollars par mois. Mieux vaut dépenser ce budget en hébergement de haute qualité. 😉 De nombreux outils de A/B testing ont aussi beaucoup de fonctionnalités que vous n’utiliserez probablement jamais.

Bien qu’un bon outil puisse être rentable en termes de rendement, il peut être avantageux de commencer avec quelque chose de gratuit pour commencer à apprendre comment fonctionne le A/B testing et voir quels objectifs peuvent être atteints pour votre entreprise.

Google Optimize est à notre avis un excellent outil pour commencer dès le départ, surtout parce qu’il est gratuit. Bien qu’il n’ait pas de plugin WordPress ou d’intégration directe, il reste assez facile à utiliser une fois que vous l’avez assimilé. Un autre avantage est son lien avec Google Analytics, un outil que la plupart d’entre vous utilisez probablement déjà, est même de loin supérieur à certaines autres solutions. Vous pouvez le connecter à un objectif Google Analytics en un seul clic.

Google Optimize
Google Optimize

Ils ont une version Premium (Optimize 360), mais vous pouvez exécuter jusqu’à 5 expériences simultanées gratuitement. Pour beaucoup d’entre vous, cela devrait être plus que suffisant car vous ne voulez pas faire trop de A/B testing en même temps, sinon cela pourrait fausser la qualité de vos données. Nous avons utilisé la version gratuite d’Optimize chez Kinsta et elle fonctionne à merveille !

Si vous êtes curieux, voici une comparaison entre la version gratuite (Optimize) et la version Premium (Optimize 360).

Google Optimize vs Optimize 360
Google Optimize vs Optimize 360 (Source de l’image : Google)

Comment configurer Google Optimize dans WordPress

Suivez les étapes ci-dessous pour créer un compte Google Optimize gratuit et le configurer sur votre site WordPress.

Étape 1

La première chose à faire est d’aller sur Google Optimize et de s’inscrire pour un compte gratuit en cliquant sur le bouton « Get Started ».

Important : Vous devrez utiliser votre adresse e-mail Gmail ou Google Workspace qui est déjà jointe à votre compte Google Analytics.

Démarrez avec Google Optimize
Démarrez avec Google Optimize

Suivez ensuite les étapes suivantes avec quelques questions facultatives sur les permissions et le partage des données.

Étape 2

Ensuite, vous devrez lier votre propriété Google Analytics. Cliquez à droite sur « Lier Propriété ».

Google Optimize – Lier propriété dans Google Analytics
Google Optimize – Lier propriété dans Google Analytics

Étape 3

Vous devriez alors voir votre propriété Google Analytics. Si vous avez plusieurs propriétés attachées à votre Gmail, vous devrez choisir celle que vous souhaitez utiliser avec Google Optimize. Cliquez ensuite sur « Lier ».

Lier une propriété dans Google Optimize
Lier une propriété dans Google Optimize

Étape 4

Ensuite, cliquez sur « Get Snippet ».

Google Optimize get snippet
Google Optimizet – Get snippet

Étape 5

Il est maintenant temps de modifier votre code Google Analytics avec votre identifiant de conteneur Google Optimize. Il y a quelques points importants à mentionner ici :

  • Si Google Analytics est actuellement installé sur votre site, il doit être dans l’en-tête de votre site, avant le tag </head>. Habituellement, le placer dans le pied de page est correct, mais dans ce cas, vous rencontrerez un flash blanc visible lors du chargement de la page si vous n’exécutez pas le script dans l’en-tête. C’est parce que le script doit être lancé immédiatement lorsque le DOM se charge. Si vous utilisez un plugin WordPress, la plupart ont la possibilité de choisir l’emplacement entre l’en-tête ou pied de page pour le script.
  • L’extrait d’Optimize ressemblera à ceci : ga('require','GTM-XXXXXXXXX') ; qui contient votre ID de conteneur Optimize. Tout ce que vous avez à faire est de modifier votre script Google Analytics actuel pour l’inclure, et non d’ajouter à nouveau le script entier.
Déployer le code de Optimize
Déployer le code de Optimize

Si vous avez installé manuellement votre script de suivi Google Analytics, il vous suffit de l’ajouter, comme dans l’exemple fourni. Cependant, si vous utilisez actuellement un plugin WordPress pour ajouter Google Analytics à votre site, vous devrez peut-être modifier certaines choses.

Vous devez d’abord vérifier si votre plugin Google Analytics WordPress prend déjà en charge Google Optimize ou l’ajout de code personnalisé. Voici quelques plugins WordPress qui supportent déjà Google Optimize ou vous permettent d’ajouter le code dans leurs paramètres de plugin :

Remarque : Si vous utilisez Google Tag Manager pour déployer Google Analytics, vous pouvez toujours installer Optimize, mais il peut avoir une latence supplémentaire et même Google ne le recommande pas. En raison de la façon dont le script fonctionne en termes de performances, ils recommandent de déployer Optimize directement sur la page (ce que font la plupart des plugins WordPress).

Vous trouverez ci-dessous un exemple d’utilisation du plugin Google Analytics Dashboard for WP. Sous l’onglet Intégration, vous pouvez « Optimiser le suivi » et entrer votre identifiant de conteneur.

Activer Google Optimize dans le plugin Analytics
Activer Google Optimize dans le plugin Analytics

Une fois le code en place, cliquez de nouveau sur « Suivant » dans l’assistant Google Optimize.

Étape 6

Lorsque Google Optimize a été lancé pour la première fois, il a eu des problèmes de performances et ils ont créé un fragment de masquage de page pour réduire le scintillement de la page au chargement de la page. L’ajout de l’extrait de masquage de page nécessite l’ajout d’un code supplémentaire juste avant votre code de suivi Analytics.

Cependant, nous avons constaté récemment que ce n’est plus toujours nécessaire. Si votre site est déjà assez rapide, vous ne devriez pas avoir de problèmes. Nous n’utilisons plus le snippet de masquage de pages et nous faisons des tests tout le temps.

Cependant, comme chaque site est différent, si vous rencontrez des problèmes, vous devrez peut-être modifier davantage votre script Analytics avec le code page-hiding. Vous pouvez également modifier le temps de async-hide , qui est par défaut réglé à 4000 ms. Certains plugins, comme celui ci-dessus, ont aussi des bascules faciles pour activer la prise en charge du masquage de page.

Minimiser le scintillement de la page
Minimiser le scintillement de la page

Cliquez sur « Terminé » et votre site WordPress devrait être prêt à fonctionner.

Comment exécuter un test A/B avec Google Optimize

Maintenant pour la partie amusante, créer votre tout premier test A/B dans Google Optimize.

Étape 1

Sur le tableau de bord Google Optimize, cliquez sur « Let’s Go » pour créer un nouveau test A/B, ou ce qu’on appelle une expérience.

Créer une expérience A/B test dans Google Optimize
Créer une expérience A/B test dans Google Optimize

Étape 2

Dans l’exemple suivant, nous allons faire un simple test de changement de couleur de bouton CTA A/B pour que vous puissiez facilement voir comment cela fonctionne. Rappelez-vous que tout élément HTML ou CSS de votre site WordPress peut être modifié dans Google Optimize.

Nous choisissons donc un nom pour notre test, et entrons l’URL dans laquelle nous voulons éditer le code pour l’expérience. Dans cet exemple, nous voulons changer la couleur d’un bouton CTA pour voir lequel génère le plus de trafic vers notre page Contactez-nous. Nous choisissons également le A/B testing pour le type d’expérience. Puis cliquez sur « Créer ».

Google Optimize créer un test A/B
Google Optimize créer un test A/B

Comme vous pouvez le voir, Google Optimize prend également en charge d’autres types d’expériences en plus des tests A/B que vous pourriez vouloir explorer :

  • Test multivarié : Variantes de test avec deux ou plusieurs sections différentes.
  • Test de redirection : Teste des pages Web distinctes identifiées par des URLs ou des chemins différents.
  • Personnalisation : Personnalisez votre page pour des visiteurs ciblés.

Étape 3

Par défaut, Google Optimize utilisera la page de l’éditeur que vous avez choisie ci-dessus pour l’expérience comme variante originale. Vous devrez ensuite créer une deuxième variante. Cliquez sur « Créer variante ».

Google Optimize - Créer une variante
Google Optimize – Créer une variante

Étape 4

Donnez un nom à votre variante, quelque chose que vous pourrez facilement reconnaître plus tard. Puisque nous testons une couleur de bouton différente, nous appelons notre bouton rouge. Puis cliquez sur « Terminé ».

Google Optimize – Nom de la variante
Google Optimize – Nom de la variante

Étape 5

Vous devrez ensuite modifier votre variante, car par défaut, elle crée simplement une copie de votre original. Cliquez sur « 0 changements » en rouge.

Google Optimize - Changement
Google Optimize – Changement

Étape 6

Vous verrez probablement un avertissement sur l’utilisation d’une extension Google Chrome. Pour les meilleures capacités d’édition et de prévisualisation, vous devrez installer l’extension gratuite Google Chrome Optimize.

Vous verrez alors l’éditeur Google Optimize. C’est assez puissant ! Vous pouvez littéralement changer n’importe quoi sur une page.

Éditeur Google Optimize
Éditeur Google Optimize

Dans notre exemple, nous testons les résultats des clics dans notre page de contact avec deux couleurs différentes d’un bouton, bleu et rouge. Si vous êtes curieux, nous utilisons simplement le plugin Shortcodes Ultimate pour le bouton.

Donc, nous voulons d’abord changer la couleur du bouton. Pour ce faire, il vous suffit de cliquer sur n’importe quel élément, dans ce cas, le bouton, et d’éditer les propriétés CSS pour lui. Ils ont même un sélecteur de couleur. Vous pouvez éditer le CSS ou le HTML directement si vous préférez.

Changer la couleur des boutons dans Google Optimize
Changer la couleur des boutons dans Google Optimize

L’autre chose que nous changeons est l’URL du bouton.

  • Le bouton Original est lié à https://editwp.com/contact-us/?button-test-blue.
  • Le bouton Variation pointe vers https://editwp.com/contact-us/?button-test-red.
Modifier l'URL du bouton
Modifier l’URL du bouton

Pourquoi avons-nous fait cela ? Dans Google Analytics, vous pouvez à tout moment parcourir la page pour voir combien de pages vues ont été enregistrées en fonction du type de bouton. Vous ne devriez jamais utiliser de paramètres UTM sur votre site interne, mais ajouter quelque chose comme nous l’avons fait ci-dessus à l’URL est bien. Cela vous donne simplement des données supplémentaires que vous pouvez consulter à tout moment.

Une fois votre édition terminée, vous pouvez cliquer sur « Enregistrer les modifications » et « Terminé » en haut à droite. Vous pouvez ensuite cliquer sur « Web Preview » pour voir à quoi cela ressemble.

Google Optimize - aperçu Web
Google Optimize – aperçu Web

Voici comment notre test est mis en place. Rappelez-vous, tout a été modifié à l’aide de l’éditeur Google Optimize, pas dans WordPress.

Variante originale A/B

Dans notre variante originale, nous avons un bouton bleu vers lequel 50% du trafic sera dirigé. Le lien du bouton pointe vers notre formulaire de contact : https://editwp.com/contact-us/?button-test-blue.

Test A/B variante d'origine
Test A/B variante d’origine

Variante bouton rouge A/B

Dans notre autre variante, nous avons un bouton rouge sur lequel 50% du trafic sera dirigé. Le lien du bouton pointe vers notre formulaire de contact : https://editwp.com/contact-us/?button-test-red.

Variante de A/B testing 1
Variante de A/B testing 1

Étape 7

L’étape suivante consiste à ajouter un objectif. C’est l’objectif ou ce que vous voulez tester. Par défaut, le ciblage est fixé à 50 % de répartition du trafic, vous pouvez donc le laisser tel quel. Vous devrez donner une brève description de votre objectif pour que vous puissiez facilement voir pourquoi vous l’avez ajouté plus tard. Rappelez-vous que vous pouvez parfois effectuer des tests pendant des mois, alors assurez-vous d’ajouter quelque chose que vous pourrez reconnaître à une date ultérieure. Cliquez ensuite sur « Ajouter un objectif d’expérience ».

Google Optimize - Objectif de l'expérience
Google Optimize – Objectif de l’expérience

Étape 8

Si vous utilisez déjà des objectifs et des événements dans Google Analytics, ou dans le suivi du commerce électronique, alors vous les verrez listés ici. C’est l’un des aspects les plus intéressants de l’intégration directe de Google Analytics avec Optimize. La plupart d’entre vous ont probablement déjà des objectifs de conversion, des objectifs de formulaire de contact, etc. configurés que vous pouvez facilement relier à votre expérience. Mais pour cet exemple, nous allons en créer un sur mesure.

Google Optimize - Objectif personnalisé
Google Optimize – Objectif personnalisé

Étape 9

Nous utilisons les pages vues comme type d’objectif et choisissons tout ce qui commence par notre page Contactez-nous : /contact-us/button-test.

Objectif personnalisé dans Google Optimize
Objectif personnalisé dans Google Optimize

Si vous avez configuré le suivi du commerce électronique dans Google Analytics, vous pouvez également ajouter des objectifs supplémentaires pour des choses comme les transactions et les revenus. C’est là que cela devient vraiment puissant ! Par exemple, vous pourriez alors voir combien de revenus un certain bouton de couleur a généré. Du clic, jusqu’à la vente.

Google Optimize - Les objectifs - eCommerce
Google Optimize – Les objectifs – eCommerce

Étape 10

Enfin, une fois que vous avez tout sauvegardé, vous pouvez cliquer sur « Démarrer l’expérience ». Cela commencera alors immédiatement à tester le trafic à l’endroit que vous avez spécifié dans l’expérience. Vous pouvez aussi facilement mettre en place des expériences à l’échelle du site avec les options de ciblage.

Google Optimize - Démarrer l'expérience
Google Optimize – Démarrer l’expérience

Vous pouvez alors vous asseoir et laisser Google Optimize faire son travail. En général, cela prend une semaine ou deux. Cela analysera automatiquement le gagnant pour vous. Vous pouvez alors voir quelle variante a produit les meilleurs résultats. Voici un exemple de rapport ci-dessous.

Google Optimize - Les rapports
Google Optimize – Les rapports

Résumé

En matière de marketing, moins il y a d’hypothèses, mieux c’est. Vous trouverez certainement des gagnants dont vous pensiez à l’origine qu’ils obtiendraient les pires résultats et inversement.

Pour un outil gratuit, Google Optimize a beaucoup de fonctionnalités ! Vous pouvez changer les boutons, les widgets, à peu près tout ce à quoi vous pouvez penser. Ensuite, surveillez facilement les résultats pour voir lequel est le plus performant. Suivez les pages vues, les données de transaction et même les revenus générés par un simple changement de couleur de bouton. Plus vous jouez avec, plus vous comprenez pourquoi vous ne devriez jamais arrêter le A/B testing. Trouvez le gagnant, puis testez à nouveau.

Avez-vous déjà essayé Google Optimize sur votre site WordPress ? Si c’est le cas, nous aimerions connaître votre opinion dans les commentaires qui suivent.

Brian Jackson

Brian a une grande passion pour WordPress, l'utilise depuis plus de dix ans et développe même quelques plugins de qualité. Brian aime les blogs, les films et les randonnées. Connectez avec Brian sur Twitter.