Que sont les emplacements de contenu ?
Chemin dans l’interface : Paramètres → Placement de contenu (ou depuis une action).
Les emplacements sont des zones nommées de votre site où apparaît le contenu Personyze — une bannière dans votre en-tête, des recommandations sur une page produit, un message au-dessus de la grille d’une catégorie, et tout ce qui se situe entre les deux. Vous créez un emplacement une fois, et dès lors n’importe quelle campagne peut le cibler.
Tout l’intérêt est là : un emplacement est un point d’ancrage nommé dans lequel Personyze affiche du contenu à l’intérieur de la page, au lieu de le faire flotter par-dessus comme une popup ou un calque. Définissez la zone une fois, puis faites-y passer différents contenus pour différentes audiences sans plus toucher à votre site.
Vous préférez une visite guidée ? Utilisez le parcours interactif ci-dessous, puis faites défiler pour la référence détaillée.
Ouvrir les emplacements de contenu
Allez dans Paramètres → Placement de contenu. Chaque emplacement est listé avec son sélecteur et ce à quoi il est relié. Cliquez sur + Ajouter un emplacement.
Choisir une méthode
Trois façons d’indiquer à Personyze où va le contenu : Trouver sur les pages (cliquez dessus sur votre site), Je connais le sélecteur (saisissez le CSS) ou Code à placer dans le HTML de la page (une div pour votre développeur). Même résultat — ce parcours suit le sélecteur visuel.
Ouvrir le sélecteur visuel
Choisissez Trouver sur les pages, saisissez l’URL d’une page de votre site et cliquez sur Ouvrir le sélecteur. Personyze charge cette page dans le simulateur QA, avec le panneau des emplacements à côté.
Pointer et cliquer sur l’élément
Sous Sélectionnez l’élément de l’emplacement, cliquez sur n’importe quel élément de la page en ligne pour vous y ancrer. L’emplacement utilise un sélecteur CSS — utilisez Sélectionner les parents pour remonter dans la hiérarchie, ou Resélectionner pour recommencer.
#cart-SS4443? Utilisez Sélectionner les parents pour remonter à un élément plus stable.
Le décrire (et laisser l’IA le nommer)
Tapez à quoi sert l’emplacement — « barre de livraison gratuite montrée aux nouveaux visiteurs ». Suggérer avec l’IA propose un nom clair, l’élément à cibler et le positionnement recommandé. Appliquer la suggestion remplit le tout.
Le placer et tester le rendu
Placer le contenu personnalisé définit l’insertion par rapport à votre élément : À l’intérieur, Avant, Après ou Remplacer. Ensuite, Tester le rendu affiche quelque chose à cet endroit — prévisualisez une vraie action de votre compte, ou insérez un format publicitaire vide (336×280, 300×250, 728×90) pour vérifier qu’il tient.
L’utiliser dans une action
Enregistrez l’emplacement, puis, à l’étape Placement, Trigger & Frequency du constructeur, choisissez Élément intégré → Cliquer pour définir l’emplacement. Si un autre contenu utilise déjà cette zone, définissez la priorité — le plus petit nombre s’affiche en premier.
Ouvrir les emplacements de contenu
Allez dans Paramètres → Placement de contenu. Chaque emplacement est listé avec son sélecteur et ce à quoi il est relié. Cliquez sur + Ajouter un emplacement.
Choisir une méthode
Trois façons d’indiquer à Personyze où va le contenu : Trouver sur les pages (cliquez dessus sur votre site), Je connais le sélecteur (saisissez le CSS) ou Code à placer dans le HTML de la page (une div pour votre développeur). Même résultat — ce parcours suit le sélecteur visuel.
Ouvrir le sélecteur visuel
Choisissez Trouver sur les pages, saisissez l’URL d’une page de votre site et cliquez sur Ouvrir le sélecteur. Personyze charge cette page dans le simulateur QA, avec le panneau des emplacements à côté.
Pointer et cliquer sur l’élément
Sous Sélectionnez l’élément de l’emplacement, cliquez sur n’importe quel élément de la page en ligne pour vous y ancrer. L’emplacement utilise un sélecteur CSS — utilisez Sélectionner les parents pour remonter dans la hiérarchie, ou Resélectionner pour recommencer.
#cart-SS4443? Utilisez Sélectionner les parents pour remonter à un élément plus stable.Le décrire (et laisser l’IA le nommer)
Tapez à quoi sert l’emplacement — « barre de livraison gratuite montrée aux nouveaux visiteurs ». Suggérer avec l’IA propose un nom clair, l’élément à cibler et le positionnement recommandé. Appliquer la suggestion remplit le tout.
Le placer et tester le rendu
Placer le contenu personnalisé définit l’insertion par rapport à votre élément : À l’intérieur, Avant, Après ou Remplacer. Ensuite, Tester le rendu affiche quelque chose à cet endroit — prévisualisez une vraie action de votre compte, ou insérez un format publicitaire vide (336×280, 300×250, 728×90) pour vérifier qu’il tient.
L’utiliser dans une action
Enregistrez l’emplacement, puis, à l’étape Placement, Trigger & Frequency du constructeur, choisissez Élément intégré → Cliquer pour définir l’emplacement. Si un autre contenu utilise déjà cette zone, définissez la priorité — le plus petit nombre s’affiche en premier.
La liste des emplacements de contenu
Chaque emplacement du compte est listé avec la méthode et le sélecteur qu’il utilise (par exemple CSS · banner.hero), ce à quoi il est relié — combien d’actions et d’audiences en dépendent actuellement —, sa date de création et un interrupteur Actives. Recherchez par nom, ou filtrez sur Toutes / Actives / Inactif. Le crayon modifie un emplacement ; le menu … contient le reste.
Cliquez sur + Ajouter un emplacement pour en créer un. Donnez-lui un nom que vous reconnaîtrez plus tard — vous le choisirez dans une liste déroulante en créant des campagnes.
Choisir une méthode
Personyze doit savoir où placer votre contenu sur la page. Il y a trois façons de le lui indiquer, et le résultat est identique — choisissez celle qui correspond à ce que vous savez du balisage de la page et à votre possibilité de le modifier.
Trouver sur les pages
Le sélecteur visuel, et l’option à choisir quand vous ne connaissez pas le balisage — ou ne voulez pas le chercher. Saisissez l’URL d’une page de votre site et cliquez sur Ouvrir le sélecteur : Personyze charge cette page dans le simulateur QA avec un panneau d’emplacement ancré à côté. Vous choisissez donc l’endroit sur la vraie page au lieu de deviner un sélecteur.
Pointer et cliquer sur l’élément
Sous Sélectionnez l’élément de l’emplacement, cliquez sur n’importe quel élément de la page pour vous y ancrer. Personyze détermine le sélecteur CSS pour vous — pour un titre de page, par exemple, il choisira H1. Deux réglages comptent ici :
- Sélectionner les parents — remonte la hiérarchie du DOM à partir de ce que vous avez cliqué. C’est votre porte de sortie quand vous tombez sur un élément avec un identifiant dynamique (voir l’avertissement plus bas).
- Resélectionner — recommence la sélection.
Le décrire — et laisser l’IA le nommer
Décrivez cet emplacement est l’endroit où vous dites à quoi sert la zone, en langage courant : « barre de livraison gratuite montrée aux nouveaux visiteurs ». Cliquez sur Suggérer avec l’IA et Personyze propose un nom d’emplacement clair, l’élément à cibler et un positionnement recommandé par rapport à celui-ci. Appliquer la suggestion les remplit.
Cela vaut la peine même quand vous connaissez déjà la réponse. La description reste attachée à l’emplacement : six mois plus tard, votre équipe peut savoir à quoi était réellement destiné H3.main-title-heading .
Le placer et tester le rendu
Placer le contenu personnalisé est la version, dans le sélecteur, du réglage Place actions — il définit où le contenu est inséré par rapport à l’élément choisi : À l’intérieur (ajouté dedans, à la fin), Avant, Après ou Remplacer.
Tester le rendu est l’étape à ne pas sauter. Elle affiche quelque chose dans la zone pour que vous voyiez comment le contenu s’y placera réellement avant de vous engager :
- Prévisualiser une action de votre compte — choisissez une vraie action et cliquez sur Prévisualiser à cet emplacement pour voir le contenu réel en place.
- Ou tester un format publicitaire vide — insérez un bloc de 336×280, 300×250 ou 728×90 pour vérifier que la zone accepte ces dimensions sans casser la mise en page.
Cliquez sur Enregistrer l’emplacement quand l’endroit vous convient.
Je connais le sélecteur
Saisissez un sélecteur CSS qui identifie déjà l’élément — .hero-banner, #product-grid, [data-slot='recommendations'].
Attention aux identifiants dynamiques. Beaucoup de sites génèrent des sélecteurs contenant un identifiant qui change selon le visiteur ou le produit — #cart-SS4443. Un emplacement construit sur l’un d’eux fonctionne pour vous et pour personne d’autre, car ce sélecteur exact n’existe sur la page de personne d’autre. Utilisez plutôt un parent générique (#cart ou .cart-wrap) pour que l’emplacement survive aux changements de ces identifiants. Dans le sélecteur visuel, l’option sélectionner les parents vous fait remonter vers un élément plus stable.
Trouver un sélecteur vous-même
Faites un clic droit sur l’élément de votre page et choisissez Inspecter pour ouvrir les outils de développement de votre navigateur avec cet élément en surbrillance. Faites un clic droit sur l’élément en surbrillance dans l’inspecteur et copiez le chemin du sélecteur. Si votre navigateur le formule autrement, recherchez « trouver un sélecteur HTML dans [votre navigateur] ». Réduisez ce que vous obtenez à sa forme stable la plus courte — les longs chemins générés automatiquement cassent dès que la structure de la page change.
Code à placer dans le HTML de la page
Personyze génère une div d’ancrage vide — <div id="placeholder-5rf9"></div> — que vous (ou votre développeur) collez là où le contenu doit apparaître : dans un gabarit, un bloc de CMS, un composant React, n’importe où.
C’est la plus robuste des trois méthodes, car le point d’ancrage vous appartient et ne dépend pas de la structure existante de la page — aucun sélecteur ne casse lors d’une refonte du site. La contrepartie : elle nécessite une modification du code de votre côté.
Où le contenu doit-il apparaître ?
Pour les méthodes basées sur un sélecteur, Placer les actions contrôle la position par rapport à l’élément choisi :
- À l’intérieur de l’élément sélectionné — le contenu est ajouté à l’intérieur (par défaut).
- Avant l’élément sélectionné — le contenu est inséré juste au-dessus.
- Après l’élément sélectionné — le contenu est inséré juste en dessous.
- Remplacer l’élément sélectionné — l’élément d’origine est remplacé par votre contenu.
Gérer plusieurs campagnes
Plusieurs campagnes peuvent se disputer le même emplacement. Trois réglages décident de ce qui se passe :
- Nombre maximum d’actions à afficher — combien d’actions peuvent s’afficher ici en même temps. Si vous en autorisez plus d’une, le contenu est ordonné selon la priorité de campagne — le plus petit nombre en premier.
- Faire tourner le contenu — fait tourner tous les contenus concurrents un par un, au lieu de masquer l’excédent. Utilisez-le si vous préférez tout montrer à tour de rôle plutôt qu’écarter les perdants.
- Plusieurs éléments peuvent correspondre au sélecteur — affiche le contenu dans chaque élément correspondant au lieu du premier seulement. C’est ce qu’il vous faut pour un sélecteur comme
.product-cardqui correspond légitimement à de nombreux éléments ; laissez-le désactivé quand le sélecteur doit désigner exactement un seul endroit.
Cliquez sur Enregistrer le nouveau conteneur quand vous avez terminé.
Choisir un emplacement dans une action
Vous n’avez pas à créer les emplacements à l’avance. Quand vous créez une action — dans le Popup, Banner & HTML Builder, à l’étape 3, Placement, Trigger & Frequency —, vous choisissez Où sur la page va le contenu :
- Élément intégré — s’affiche dans une section de votre page. Natif et discret : il s’insère parmi vos autres contenus. C’est l’option qui utilise un emplacement — cliquez sur Cliquer pour définir l’emplacement pour en choisir un.
- Popup flottante — recouvre la page, avec un fond assombri facultatif. Aucun emplacement nécessaire ; vous définissez plutôt une position à l’écran.
Le sélecteur vous permet de rattacher un emplacement existant ou d’en créer un sur le moment avec + Nouveau. Chaque emplacement indique comment il est utilisé — par exemple used in 1 actions, 0 active — pour que vous sachiez si vous êtes sur le point de partager une zone avant de vous engager.
Partager un emplacement entre campagnes
Un emplacement n’appartient pas à une seule campagne. N’importe quel nombre d’actions peut viser la même zone, et c’est précisément ce qui le rend utile : le même endroit de la page affiche un message différent pour chaque audience.
Quand vous choisissez un emplacement déjà utilisé par un autre contenu, Personyze vous prévient et affiche la liste de tous les contenus qui utilisent cet emplacement. Si deux d’entre eux peuvent se déclencher en même temps, vous décidez de l’ordre avec la priorité — le plus petit nombre en premier. Faites glisser les éléments, ou utilisez les flèches Position, pour faire monter ou descendre dans la file l’action que vous modifiez.
Deux points à garder bien en tête :
- La priorité ne compte que lorsque des contenus sont en concurrence. Si les audiences ne se chevauchent jamais, une seule action peut correspondre à un visiteur donné et l’ordre n’a pas d’importance. C’est le cas de correspondance simultanée que la priorité résout.
- La priorité ordonne ; elle ne multiplie pas. Par défaut, l’emplacement affiche un seul contenu — celui de plus haute priorité qui correspond — et les autres sont écartés. Pour en afficher plusieurs à la fois quand la mise en page le permet, l’emplacement lui-même doit autoriser plus d’un contenu ; c’est le réglage Nombre maximum d’actions à afficher décrit plus haut (le panneau l’appelle show multiple items).
Pour voir quelles campagnes se disputent réellement une zone sur le trafic en direct, l’onglet QA des campagnes liste les chevauchements d’emplacement et montre votre priorité face aux leurs avant le lancement.
Utiliser un emplacement dans une campagne
Une fois enregistré, l’emplacement est disponible pour toute action qui s’affiche visuellement — bannières, recommandations, formulaires. Il n’apparaît pas pour les actions JavaScript ou e-mail, qui ne s’affichent pas dans la page de cette façon.
Comme la zone est découplée du contenu, vous pouvez faire pointer plusieurs campagnes vers le même emplacement et montrer à chaque audience quelque chose de différent au même endroit de la page.