Les campagnes Dynamic Yield sont construites à partir d’expériences, qui contiennent les variations que vous proposez à vos visiteurs. La plupart des variations sont créées sur la base d’un modèle. Les modèles (templates) vous permettent d’apporter des modifications à plusieurs variations à la fois plutôt que de modifier le code de chacune d’entre elles individuellement.
Dynamic Yield propose une variété de modèles pour prendre en charge les cas d’utilisation courants qui ne sont disponibles que lors de la création de variations. Vous pouvez consulter la liste des modèles lors de la création d’une variation, ou sur notre site web (ils ne sont pas visibles dans la zone Assets > Templates). Bien que nous ayons testé ces modèles sur une variété de cas d’utilisation, il se peut que vous deviez les ajuster pour qu’ils fonctionnent correctement dans votre environnement.
Un développeur peut également concevoir et construire un modèle personnalisé, qui peut ensuite être sélectionné lors de la création d’une variation. Comme pour les variations, un modèle peut contenir des variables dans le code, afin de rendre une partie du code accessible aux spécialistes du marketing. Les variables vous permettent également de modifier le contenu de différentes variations basées sur le même modèle.
Lorsque vous basez votre variation sur l’un des modèles de Dynamic Yield, vous pouvez modifier le code de la variation sans que cela n’ait d’effet sur les autres expériences utilisant le même modèle. Cependant, si vous modifiez un modèle personnalisé, cela affecte toutes les expériences utilisant ce modèle.
Création d’un modèle
- Rendez-vous dans Assets › Templates et cliquez sur Add New (Ajouter un nouveau).
- Saisissez un nom, des notes et des tags (facultatif).
- Dans la liste déroulante Template type, choisissez le type de campagne pour lequel le modèle a été conçu (par exemple, contenu dynamique, superposition) et qui utilisera ce modèle. Une fois sélectionné, ce choix ne peut plus être modifié.
- Dans More Options, vous pouvez télécharger une vignette personnalisée qui apparaît sur l’interface utilisateur de Dynamic Yield lors de la création d’une nouvelle variation (taille maximale du fichier : 2 Mo).
- Rédigez le code qui définira le modèle. Utilisez les onglets pour sélectionner le langage tel que HTML ou JavaScript.
- Dans certains types de modèles, vous pouvez ajouter des feuilles de style et du code externes dans les onglets CSS et JS en spécifiant l’URL où se trouvent les ressources.
- Prévisualisez l’aspect de votre modèle en fonction du type ou de la taille de l’appareil. Dans les superpositions et les notifications, vous pouvez également choisir la position sur l’écran.
- Après avoir écrit le code, créez des variables basées sur les cas d’utilisation du modèle. Tout élément susceptible d’être modifié lors de l’utilisation du modèle doit être transformé en variable en sélectionnant une chaîne et en cliquant sur Convert to Variable (convertir en variable). Les exemples les plus courants sont le texte du titre, la couleur d’arrière-plan, le texte du bouton, etc. Lorsque le modèle est utilisé pour créer des variations, les utilisateurs peuvent spécifier des valeurs pour chaque variable dans un formulaire simple. Pour plus de détails, consultez la section Variables ci-dessous.
- Enregistrez le modèle.
- Le modèle sera répertorié dans le tableau de la liste principale des modèles ainsi que dans le flux de création de variations du type de campagne concerné (contenu dynamique, recommandations, etc.).
Remarque : toute modification apportée au modèle aura une incidence sur les variations qui y sont liées, de sorte que vous pouvez appliquer les changements à toutes les variations à la fois. Si vous ajoutez une nouvelle variable, toutes les variations connectées recevront la valeur saisie dans le modèle.
Variables de modèle
Les variables peuvent être utilisées dans vos modèles pour permettre aux utilisateurs de modifier certains aspects du modèle sans modifier le modèle lui-même. Par exemple, si vous avez défini un bouton avec du texte dans un modèle, vous pouvez transformer le texte en une variable de modèle pour permettre aux utilisateurs de modifier facilement le texte chaque fois que le modèle sera utilisé.
Les variables peuvent également être utilisées pour modifier vos modèles en fonction de données telles que la localisation de l’utilisateur, une propriété d’un produit de votre flux ou même les cookies du navigateur de l’utilisateur.
- Pour transformer une chaîne de votre code en variable, mettez sélectionnez une section de texte dans un modèle et cliquez sur Convert to Variable ou écrivez ${nom_de_la_variable}.
- Définissez le type et la valeur de la variable. Pour plus de détails, consultez la section Types de variables ci-dessous.
-
Pour améliorer l’utilisation de vos variables, vous pouvez définir des infobulles pour chaque variable ainsi qu’un texte générique pour certains types de variables. Le texte de remplacement est affiché en gris dans le champ du sélecteur avant que l’utilisateur ne saisisse sa valeur. Il est généralement utilisé pour inclure un exemple de valeur ou une description de ce qui doit être saisi (par ex. « Enter button text here », saisissez le texte du bouton ici).
- Sur l’onglet Variables de la vue de rédaction web, un nouveau champ apparaît pour chaque variable de votre code, ce qui vous permet de réutiliser le code et de choisir une valeur différente pour chacune des variations de votre campagne.
Types de variables
Différents types de variables peuvent vous aider à construire un formulaire qui sera à la fois meilleur et plus intelligent pour ce modèle, de sorte que la valeur remplacera la variable dans le code :
- Text : permet à l’utilisateur de saisir un texte.
- Image : permet à l’utilisateur de télécharger une image différente (jusqu’à 2 Mo).
- Color Picker (sélecteur de couleurs) : permet à l’utilisateur de choisir une couleur sur une palette de couleurs.
- Number
- Dropdown (liste déroulante) : permet à l’utilisateur de choisir parmi une liste de valeurs déterminées à l’avance par le développeur.
- CSS Selector
- Product Performance : cette variable permet d’afficher dynamiquement le nombre de visiteurs ou d’acheteurs d’un produit dans un laps de temps donné.
- User Location (emplacement de l’utilisateur) : cette variable est remplacée dynamiquement par la valeur de la localisation du visiteur (ville, État américain ou pays) et peut être accompagnée d’un texte avant et après le nom de la localisation. L’utilisateur peut saisir un texte de remplacement au cas où sa localisation ne peut être déterminée.
- Cookie : remplace dynamiquement la variable par la valeur du cookie du visiteur (le nom du cookie est déterminé par le développeur). L’utilisateur peut saisir une valeur de remplacement au cas où le cookie n’existerait pas.
- Evaluator (évaluateur) : remplace dynamiquement la variable par la valeur de l’évaluateur (l’évaluateur est choisi par le développeur). L’utilisateur peut saisir une valeur de repli au cas où l’évaluateur ne renvoie aucune valeur.
- URL parameter : rend dynamique pour chaque visiteur la valeur du paramètre URL qu’il reçoit pour le paramètre défini ; une solution de repli est nécessaire au cas où le visiteur arrive sans le paramètre URL ou sans sa valeur.
- Unique Key (clé unique) : permet à l’utilisateur de générer une clé aléatoire. La génération de la clé n’est effectuée que lors de la création de la variation. La même clé sélectionnée sera utilisée pour tous les visiteurs qui consultent la variation.
- Strategy Title (titre de la stratégie) : affiche le titre de votre stratégie de recommandation.
- External ID (ID externe) : (uniquement pour les e-mails déclenchés) ID utilisé pour identifier les utilisateurs au lieu d’une adresse e-mail.
- Hashed Email (e-mail haché) : (uniquement pour les e-mails déclenchés) l’adresse e-mail de l’utilisateur au format haché.
- Encrypted Message (HMAC, message crypté) : (uniquement pour les e-mails déclenchés)
- Plain Text Email (message en texte brut) : (uniquement pour les e-mails déclenchés)
- Product Selection Strategy (stratégie de sélection des produits) : (uniquement pour les notifications push)
- Composite : (uniquement pour les notifications push)
Remarque : tous les types de variables, y compris la variable de type nombre, doivent toujours être entre guillemets.
Il existe des variables supplémentaires qui vous permettent de rendre dynamiquement des informations sur la campagne Dynamic Yield, telles que le nom de la campagne et le nom de la variation :
- ${dyTagName} : rend le nom de la campagne
- ${dyTagId} : rend l’identifiant de la campagne
- ${dyExperienceName} : rend le nom de l’expérience
- ${dyExperienceId} : rend l’identifiant de l’expérience
- ${dyVariationName} : rend le nom de la variation
- ${dyVariationId} : rend l’identifiant de la variation
Remarque : les valeurs sont rendues sous forme de texte brut. Si votre code nécessite un encodage/escaping particulier, adaptez-le en conséquence.
Visualisation de l’activité du modèle (historique des modifications)
Vous pouvez consulter l’historique des modifications apportées au code de vos modèles. Vous pouvez ainsi remonter à la source d’un problème (dépannage) ou retrouver une version antérieure de votre code.
Vous pouvez consulter l’historique de chaque modèle en cliquant sur le signe Plus situé à côté de chaque modèle dans la liste des modèles et en cliquant sur Activity.
Vous pouvez également visualiser l’activité du modèle lorsque vous le modifiez en cliquant sur l’icône Activity :
Sur la page d’activité du modèle, vous pouvez télécharger un journal détaillé au format CSV :
Le fichier CSV contient une ligne pour chaque modification d’une propriété dans le modèle. Il contient les colonnes suivantes :
- Date : la date et l’heure à laquelle la modification a été enregistrée.
- User : l’utilisateur de Dynamic Yield qui a effectué la modification.
- Property : la zone du modèle qui a été modifiée.
- From : la valeur originale de la propriété.
- To : la valeur modifiée de la propriété.
Remarque : ce journal n’est disponible que pour les modèles qui ont été modifiés ou créés après juillet 2019.
Afficher les expériences qui utilisent chaque modèle
Dans la liste des modèles, vous pouvez utiliser la colonne Experience pour voir combien d’expériences utilisent actuellement chaque modèle.
Cliquez sur le nombre pour obtenir plus de détails. Si vous souhaitez archiver ou supprimer le modèle, vous pouvez utiliser cette fenêtre pour rapidement déconnecter toutes les expériences. Les expériences conserveront leur aspect et leur convivialité, mais ne seront plus liées à un modèle.
Suppression et archivage des modèles
Vous pouvez supprimer ou archiver un modèle à tout moment en cliquant sur le signe Plus situé à côté d’un modèle de la liste et en cliquant sur Delete (supprimer) ou Archive. Lorsque vous supprimez un modèle, il est définitivement supprimé. Lorsque vous archivez un modèle, il peut être désarchivé à tout moment.
Dans les deux cas, si le modèle était utilisé par une ou plusieurs expériences, celles-ci conserveront le code du modèle, mais celui-ci ne sera plus lié à un modèle.
Copier des modèles sur un autre site
Vous pouvez copier un modèle sur un ou plusieurs sites différents dans le même compte Dynamic Yield. Pour ce faire, survolez un modèle et cliquez sur Copy à droite. Sélectionnez les sites cibles et une copie du modèle sera créée dans ces sites. S’il existe déjà un modèle portant le même nom, vous devrez indiquer si vous souhaitez remplacer le modèle ou annuler la copie.
Les copies ne sont pas liées, de sorte que les modifications futures apportées à la copie originale ou aux nouvelles copies n’auront aucune incidence les unes sur les autres. N’oubliez pas non plus que la copie n’est liée à aucune campagne. Pour l’utiliser, vous devez donc la sélectionner sur l’écran Template lors de l’édition d’une variation.
Modèles mobiles natifs
Les modèles mobiles sont construits à l’aide de HTML, CSS et JavaScript qui utilisent WebView pour rendre l’expérience. Il existe également un modèle Dynamic Yield natif pour les superpositions qui n’utilise pas WebView et se charge donc plus rapidement.