La première décision à prendre avant d'effectuer cette étape est la suivante : souhaitez-vous insérer vous-même les balises de script HTML ou déléguer cette tâche à un tiers ? Cette tâche doit être effectuée par une personne familiarisée avec le langage HTML et la structure de vos pages Web. En outre, sachez que ces scripts définissent un cookie. Nous vous conseillons par conséquent de vous assurer que votre politique de confidentialité accepte ce type de configuration.
Si vous souhaitez placer vous-même les balises, sachez que vous devrez insérer des scripts sur trois pages.
1. Ajout des scripts de contrôle et de suivi dans votre page d'origine
Les scripts de contrôle et de suivi pour votre page de test vous sont fournis sous la forme d'un bloc de code combiné. Le script de contrôle permet de vérifier que les variantes à tester sont bien diffusées de manière aléatoire le même nombre de fois, tandis que le script de suivi permet de vérifier que les visites sur chaque page sont bien enregistrées pour le test. Placez le bloc de code combiné juste après la balise <head>
. Par exemple, votre page de test se présentera comme suit si les scripts sont correctement installés (ils apparaissent en gras) :
<head>
<!-- Google Website Optimizer Control Script -->
<script>
function utmx_section(){}function utmx(){}
... Autre contenu du script de contrôle...
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
<!-- End of Google Website Optimizer Control Script -->
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
... Autre contenu du script de suivi de la page de test…
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
... Tout autre contenu de votre section d'en-tête…
</head>
2. Ajout de scripts de suivi à vos variantes de page
Sur chaque variante de page, placez les scripts de suivi conçus pour vos variantes de page juste après la balise d'ouverture <head>
. Par exemple, vos variantes de page se présenteront comme suit si leur script de suivi est correctement installé (ce dernier apparaît en gras) :
<head>
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
... Autre contenu du script de suivi de la variante de page…
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
... Contenu de l'en-tête de votre variante de page...
</head>
3. Ajout du script de conversion à votre page de conversion
Sur la page de conversion, placez le script de conversion juste après la balise d'ouverture <head>
. Par exemple, votre page de conversion se présentera comme suit si son script de conversion est correctement installé (ce dernier apparaît en gras) :
<head>
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
... Autre contenu du script de suivi de la page de conversion…
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
... Contenu de l'en-tête de votre page de conversion...
</head>
4. Validation des pages
Une fois les balises installées, cliquez sur "Valider les pages". Notre outil de validation examine vos pages et vérifie que les balises ont été placées correctement. Si l'outil de validation détecte des problèmes de placement, vous devez les résoudre avant de continuer. L'Optimiseur de Site ne vous permet pas de passer à l'étape suivante sans validation. Si vous ne parvenez pas à valider les balises, cliquez sur Enregistrer et terminer ultérieurement.
Une fois les pages validées, cliquez sur "Continuer" pour prévisualiser et lancer votre test.