Dans l’implémentation standard des expériences deGoogle Optimize, le navigateur exécute JavaScript dans la page web pour déterminer quelle variante servir. Ces expériences, bien que faciles à mettre en œuvre, sont limitées aux modifications côté client, par exemple, la modification du style ou de la position d’un élément sur une page Web rendue.

Dans une expérience côté serveur, votre code doit effectuer toutes les tâches qu’Optimize gère dans une expérience côté client. Par exemple,votre code doit cibler les audiences et servir systématiquement la variante appropriée à chaque utilisateur. Vous n’utilisez l’interface Optimize que pour créer des expériences,définir des objectifs, créer des variantes et afficher des rapports.

Cet article décrit comment utiliser Optimize pour établir des rapports sur les expériences qui se déroulent sur votre serveur ou sur un autre périphérique connecté à Internet.

Lorsque vous exécutez des expériences côté serveur avec cette méthode, vous gérez :

• Servir le contenu.
• Inclusion d’expériences.
• Allocation de variantes.
• Persistance des variantes pour les utilisateurs.
• Envoi des occurrences des utilisateurs (ex, hits pageview) sur les variantes à Google Analytics.

Pour exécuter une expérience côté serveur contre les variantes d’une page web:

1. Créer une expérience dans Optimize.
2. Définir les objectifs de l’expérience.
3. Définir le ciblage de l’expérience.
4. Créer des variantes.
5. Démarrer l’expérience.
6. Obtenir l’ID de l’expérience.

Lorsque l’expérience est en cours d’exécution :

1. Définir l’ID de l’expérience et choisir une variante sur le serveur.
2. Ajouter le code de suivi Google Analytics aux variantes.

Créer une expérience dans Optimize

Lorsque vous utilisez cette méthode, vous pouvez créer et exécuter un test A/B ou un test multivarié (MVT).

Pour créer un test A/B :

1. Ouvrez votre compte Optimize.
2. Sélectionnez un conteneur.
3. Cliquez sur CRÉER UNE EXPÉRIENCE.
4. Entrez un nom d’expérience.
5. Le champ URL est ignoré ici. Saisissez une URL de remplacement qui n’existe pas sur votre site web.
6. Sélectionnez le test A/B.
7. Cliquez sur CRÉER.

Définir les objectifs de l’expérience

Ces objectifs seront utilisés pour mesurer les résultats de votre test.

1. Dans votre page d’expérience, cliquez sur OBJECTIFS sous Configuration.
2. Sélectionnez un objectif primaire dans la liste déroulante.
3. Cliquez sur SAUVEGARDER.

Définir le ciblage de l’expérience

Votre code côté serveur gère le ciblage de l’expérience, donc Optimize n’utilise pas les informations que vous entrez ici. Cependant, Optimize exige qu’une règle URL soit définie.

1. Dans votre page d’expérience, cliquez sur Ciblage sous Configuration.
2. Cliquez sur Créer une règle.
3. Cliquez sur URLs.
4. Sélectionnez le type de correspondance égal et entrez SERVER_SIDE pour la valeur. N’utilisez pas d’URL ou de chaîne qui commence par « http » ou « https » car si votre site est étiqueté avec Optimize, cette expérience côté serveur ne sera jamais déclenchée pour votre site.

   

5. Cliquez sur ADD.
6. Cliquez sur SAVE.

Créer des variantes

Répétez les étapes suivantes pour créer des variantes :

1. Dans votre page d’expérience, cliquez sur NEW VARIANT sous Variantes.
2. Entrez un nom de variante (par exemple, Variant 1).
3. Cliquez sur ADD.
4. Cliquez sur SAVE.

Démarrer l’expérience

Dans votre page d’expérience, cliquez sur DÉMARRER L’EXPÉRIENCE.

Avoir l’ID de l’expérience

L’ID de l’expérience est indiqué sur le panneau de droite de la page de détails de l’expérience:

Mettre en place l’expérience

Une expérience a un ID d’expérience et deux variantes ou plus,y compris l’originale. Chaque variante a un ID de variation qui est un indexdébutant à 0. Par exemple, si une page web a 6 variantes,les ID de variation seront les mêmes que l’ordre des variations dans l’interface utilisateur, en commençant par 0 pour l’original.

Définir l’ID d’expérience et choisir une variante du serveur

Si une expérience s’exécute sur une page web, lorsqu’un utilisateur ouvre la page,le serveur renvoie une variante au navigateur. Parce que l’expérience de vos utilisateurs sera plus cohérente si vous leur servez continuellement la même variante,nous suggérons une approche de distribution des variantes qui le permet, comme un algorithme de hachage d’ID. En outre, si plusieurs variantes différentes pour la même expérience sont vues par un seul utilisateur au cours d’une session, cette session ne sera pas comptabilisée dans l’expérience. Par exemple,le code suivant choisit une variante pour une expérience comportant3 variantes:

Ajouter le code de suivi Google Analytics aux variantes

Pour chaque variante, ajouter le code de suivi Google Analytics à:

1. Lancer la bibliothèque analytics.js.
2. Créer un tracker.
3. Définir l’ID de l’expérience et l’ID de la variation.
4. Envoyer au moins un hit (pageview, par exemple) à Google Analytics.

Par exemple:

Reporter les hits du test multivarié

Les tests multivariés (MVT) testent deux ou plusieurs éléments, ou sections,pour comprendre leurs effets les uns sur les autres. Au lieu de montrer quelle variante de page est la plus efficace (comme dans une expérience A/B), un test multivarié identifie la combinaison de variantes la plus efficace.Par exemple, une expérience MVT peut avoir deux sections nommées « Couleur » et « Police »:la section « Couleur » peut avoir trois variantes (rouge, vert et bleu)mais la section « Police » peut n’avoir que deux variantes (10pt et 12pt).

Votre serveur devra sélectionner une variante pour chaque section, puis rapporter cette information à Google Analytics. La procédure est la même que pour un test A/B, à l’exception de la définition des variantes.

Pour signaler la variante d’une expérience MVT, délimitez la variante sélectionnée de chaque section par « -« :

--...-

Par exemple, ce qui suit énumère trois variantes de l’expérience MVT ci-dessus. Ainsi, étant donné l’expérience MVT ci-dessus avec des sections de couleuret de police (une section de couleur avec quatre variantes:0 = original, 1 = rouge, 2 = vert, 3 = bleu et une section de police avec trois variantes : 0 = originale, 1 = 10pt, 2 = 12pt):

• « 0-0 » indique la couleur et la police originales
• « 1-0 » indique le rouge et la police originale
• « 2-1 » indique le vert et une police de 10pt

Par exemple, le code suivant sélectionne 0-0 (la couleur et la police originales)pour l’expérience:

ga('set', 'exp', '$experimentId.0-0');

.