Dans les campagnes de code personnalisé, vous créez du code JavaScript personnalisé pour ajouter ou manipuler n’importe quel élément de votre page ou application. Vous pouvez modifier, déplacer, intervertir ou manœuvrer d’une autre manière n’importe quel élément sans limitation ou presque.
Créer une campagne de code personnalisée
- Allez dans Web Personalization (Personnalisation Web) › New Campaign (Nouvelle campagne) et cliquez sur Custom Code (Code personnalisé).
- Spécifiez les paramètres de campagne tels que le déclenchement, la fréquence et les paramètres avancés.
- Configurez les paramètres de ciblage de l’expérience pour déterminer quand, où et à qui l’expérience sera présentée.
Important : si les conditions de ciblage ne sont pas définies, la campagne s’exécutera sur chaque page de votre site Web.
- Créez des variations en utilisant des modèles, basés sur d’autres expériences, ou en utilisant un flux de données. Lorsque vous avez fini avec chaque variation, cliquez sur Save Variation (Enregistrer la variation).
- Définissez la métrique principale, de l’allocation, et les paramètres d’expérience avancés.
- Configurez l’allocation du trafic de chaque variation et du groupe témoin.
- Cliquez sur Save Experience (Enregistrer l’expérience).
- Cliquez sur l’icône + pour créer une expérience ciblée supplémentaire.
- Cliquez sur Preview (Aperçu) pour voir comment votre campagne s’affichera, et cliquez sur Save and Publish (Enregistrer et publier) lorsque vous êtes prêt à la présenter.
Paramètres de campagne de code personnalisé
- Page Load (Chargement de pages) : exécutez le code immédiatement lors du chargement des pages concernées (que vous avez définies lors de l’étape de ciblage pour chaque variation).
- Time on Page (Durée sur la page) : exécutez le code uniquement après qu’un laps de temps défini s’est écoulé depuis le chargement de la page.
- Exit Intent (Intention de quitter) : exécutez le code lorsqu’un visiteur présente une intention de partir en déplaçant le curseur de la souris en dehors de la zone de la page Web (bureau uniquement).
- Event (Événement) : exécutez le code lorsqu’un événement spécifique est déclenché sur la page.
-
Advanced (Avancé) : définissez plusieurs sélections ou combinaisons de déclencheurs, en utilisant ceux décrits dans cette liste ou ce qui suit :
- Element click (Clic sur un élément) : exécutez le code lorsqu’un visiteur clique sur un élément spécifique de la page, défini à l’aide d’un sélecteur CSS.
- Element mouseover (Survol d’un élément) : exécutez le code lorsqu’un visiteur passe le curseur de la souris sur un élément spécifique de la page, défini à l’aide d’un sélecteur CSS.
- Element load (Chargement d’un élément) : exécutez le code lorsqu’un élément spécifique se charge sur la page, défini à l’aide d’un sélecteur CSS.
- External component (Composant externe) : exécutez le code lorsqu’un composant externe, tel qu’un jQuery, se charge.
Fréquence
- Once per pageview (Une fois par vue de page) : les visiteurs voient la campagne à chaque fois qu’ils remplissent les conditions de ciblage, à chaque chargement de page.
- Once per session (Une fois par session) : les visiteurs voient la campagne lorsqu’ils remplissent pour la première fois les conditions de ciblage, puis ne la voient plus pour le reste de leur sessions.
- Once per day/week/month (Une fois par jour/semaine/mois) : les visiteurs voient la campagne lorsqu’ils remplissent les conditions de ciblage, puis ne la voient plus pour le reste du jour, de la semaine ou du mois, selon la période sélectionnée.
- Once per user (Une fois par utilisateur) : les visiteurs ne voient la campagne qu’une seule fois, lorsqu’ils remplissent pour la première fois les conditions de ciblage.
Remarque : les réglages de fréquence sont appliqués au niveau de l’expérience, donc si vous sélectionnez Une fois par utilisateur pour une campagne qui a deux expériences ciblées – l’une destinée aux nouveaux visiteurs et l’autre aux visiteurs récurrents – l’utilisateur recevra l’expérience correspondante une fois en tant que nouvel utilisateur, puis en revenant sur le site et en remplissant la condition de visiteur de retour.
Paramètres avancés
- Fire a Google Analytics event (legacy) (Déclencher un événement Google Analytics (hérité) : visible uniquement si l’intégration Google Analytics est activée. Vous pouvez désactiver cette option pour empêcher le reporting de données sur une recommandation spécifique à Google Analytics.
- Track campaign performance in your analytics platform (Suivre les performances des campagnes dans votre plateforme d’analyse) : Déclenche des événements pour toutes les extensions d’analyse et le code personnalisé que vous avez implémentés. Si vous désactivez cette option, cela ne déclenchera pas d’événements vers n’importe laquelle de vos implémentations d’analyse.
- Serve on Every SPA Event (Présenter à chaque événement SPA) : pertinent pour les applications d’une seule page qui ne génèrent pas d’actualisation du navigateur à chaque changement d’écran. Si vous avez besoin de la recommandation pour relancer ou réévaluer ses conditions de ciblage à chaque changement d’écran dans votre SPA, déclenchez un événement track_pageview et activez cette option. Pour plus d’informations sur la façon de travailler avec des SPA, consultez l’article Dynamic Yield pour Single-Page Applications.
Débogage des campagnes de code personnalisé
Ouvrez les outils de développeur de votre navigateur et ajoutez l’ID de la campagne (ou plusieurs ID pour plusieurs campagnes, séparés par des virgules) vers l’URL suivante : https://www.dynamicyield.com/?dy_debugger=11111
Extraire un ID de campagne de l’URL
L’ID d’objet peut être extrait de l’URL de chaque code personnalisé, message ou campagne de contenu dynamique.
Extraire un ID de campagne de la page de liste des campagnes
Vous pouvez ajouter l’ID de campagne à la page de votre liste de campagnes en cliquant sur la liste déroulante Columns (Colonnes) et en sélectionnant l’ID.
Cas d’utilisation : tests de fractionnement
Les tests de fractionnement ou de redirection sont utilisés pour comparer différentes URL en tant que variation. Par exemple, lorsque vous testez une nouvelle disposition de page d’accueil, vous pouvez rediriger la moitié de vos utilisateurs vers une conception alternative. Vous pouvez utiliser des campagnes de code personnalisé pour effectuer des tests de fractionnement. Pour plus de détails, consultez Effectuer des Tests de Fractionnement.