Personnalisation à l’aide du compositeur d’expérience visuelle

Dans ce chapitre, nous allons explorer la création d’expériences à l’aide du compositeur d’expérience visuelle en faisant glisser, en permutant et en modifiant la mise en page et le contenu d’une page web depuis Target.

Présentation du scénario

La page d’accueil du site WKND présente les activités locales ou les meilleures choses à faire autour d’une ville sous la forme de mises en page de cartes. En tant que marketeur, vous avez reçu la tâche de modifier la page d’accueil, en réorganisant les mises en page des cartes pour voir comment elles affectent l’engagement des utilisateurs et déclenchent la conversion.

Utilisateurs impliqués

Pour cet exercice, les utilisateurs suivants doivent être impliqués et effectuer certaines tâches nécessitant un accès administratif.

  • Producteur de contenu/éditeur de contenu (Adobe Experience Manager)
  • Marketer (Adobe Target/équipe d’optimisation)

Page d’accueil du site WKND

Scénario 1 AEM

Prérequis

Activités marketing

  1. Le marketeur crée une activité de ciblage A/B dans Adobe Target.

    1. Dans la fenêtre Adobe Target, accédez à l’onglet Activités.

    2. Cliquez sur le bouton Créer l’activité et sélectionnez le type d’activité Test A/B

      Adobe Target - Création d’une activité

    3. Sélectionnez le canal Web et choisissez le compositeur d’expérience visuelle.

    4. Saisissez l’ URL d’activité et cliquez sur Suivant pour ouvrir le compositeur d’expérience visuelle.

      Adobe Target - Création d’une activité

    5. Pour que le compositeur d’expérience visuelle se charge, activez l’option Autoriser le chargement de scripts non sécurisés sur votre navigateur et rechargez votre page.

      Activité de ciblage d’expérience

    6. La page d’accueil du site WKND s’ouvre dans l’éditeur du compositeur d’expérience visuelle.

      VEC

    7. Experience fournit la page d’accueil WKND par défaut et modifions la disposition du contenu de l’ expérience B.

      Expérience B

    8. Cliquez sur l’un des conteneurs de mise en page de carte (Meilleurs roasters) et sélectionnez l’option Réorganiser .

      Sélection du conteneur

    9. Cliquez sur le conteneur que vous souhaitez réorganiser et faites-le glisser jusqu’à l’emplacement souhaité. Réorganisons le conteneur Meilleurs roaseurs de la 1ère ligne à la 3e ligne de la colonne. Désormais, le conteneur Meilleurs astrophes se trouve à côté du conteneur Expositions photographiques.

      Permutation de conteneur

      Après le changement
      Conteneur échangé

    10. De même, réorganisez les positions des autres conteneurs de carte.

    Conteneur échangé
    11. Ajoutons également un texte d’en-tête sous le composant du carrousel et au-dessus de la disposition de la carte.
    12. Cliquez sur le conteneur de carrousel et sélectionnez l’option Insérer après > HTML pour ajouter du code HTML.

    Ajouter du texte

    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
    

    Ajouter du texte
    13. Cliquez sur Suivant pour poursuivre votre activité.
    14. Sélectionnez la Méthode d’affectation du trafic comme manuelle et affectez 100 % du trafic à Expérience B.

    Trafic de l’expérience B
    15. Cliquez sur Suivant.
    16. Fournissez les Mesures d’objectif pour votre activité et enregistrez et fermez votre test A/B.

    Mesure de l’objectif de test A/B
    17. Attribuez un nom (Actualisation de la page d’accueil WKND) à votre activité et enregistrez vos modifications.
    18. Dans l’écran Détails de l’activité, veillez à Activer votre activité.

    Activer l’activité
    19. Accédez à la page d’accueil WKND (http://localhost:4503/content/wknd/en.html) et notez les modifications que nous avons ajoutées à l’activité de test A/B d’actualisation de la page d’accueil WKND .

    Actualisation de la page d’accueil WKND
    20. Ouvrez la console de votre navigateur et examinez l’onglet réseau pour rechercher la réponse cible pour l’activité de test A/B Actualisation de la page d’accueil WKND .

    Activité du réseau

Résumé

Dans ce chapitre, un marketeur a pu créer une expérience à l’aide du compositeur d’expérience visuelle en faisant glisser et en déposant, en permutant et en modifiant la mise en page et le contenu d’une page web sans modifier de code pour exécuter un test.

Sur cette page