Utilisation d’Adobe Experience Platform Launch via Adobe I/O Console

Prérequis

  • AEM instance de création et d’édition sur le port localhost 4502 et 4503 respectivement

  • Experience Cloud

    • Accès à vos organisations Adobe Experience Cloud - https://<yourcompany>.experiencecloud.adobe.com

    • Experience Cloud fourni avec les solutions suivantes

      REMARQUE

      Vous devez disposer des autorisations Develop (Développer), Approve (Approuver), Publish (Publier), Manage Extensions (Gérer les extensions) et Manage Environments (Gérer les environnements) dans Launch. Si vous ne parvenez pas à effectuer l’une de ces étapes car les options de l’interface utilisateur ne sont pas disponibles, contactez votre administrateur Experience Cloud pour demander l’accès. Pour plus d’informations sur les autorisations de Launch, consultez la documentation.

  • Modules externes du navigateur

    • Débogueur Adobe Experience Cloud (Chrome)
    • Launch et DTM Switch (Chrome)

Utilisateurs impliqués

Pour cette intégration, les audiences suivantes doivent être impliquées. Pour effectuer certaines tâches, vous devrez peut-être avoir un accès administratif.

  • Développeur
  • AEM Admin
  • Administrateur Experience Cloud

Présentation

AEM offre une intégration à Experience Platform Launch prête à l’emploi. Cette intégration permet aux administrateurs d’AEM de configurer facilement Experience Platform Launch via une interface conviviale, réduisant ainsi le niveau d’effort et le nombre d’erreurs lors de la configuration de ces deux outils. Et rien qu’en ajoutant l’extension Adobe Target à Experience Platform Launch, nous pourrons utiliser toutes les fonctionnalités d’Adobe Target sur les pages web d’AEM.

Dans cette section, nous allons aborder les étapes d’intégration suivantes :

  • Lancement d’
    • Créer une propriété Launch
    • Ajout d’une extension Target
    • Création d’un élément de données
    • Créer une règle de page
    • Configuration d’environnements
    • Concevoir et publier
  • AEM
    • Création d’un Cloud Service
    • Créer

Lancement d’

Créer une propriété Launch

Une propriété est un conteneur que vous remplissez d’extensions, de règles, d’éléments de données et de bibliothèques lorsque vous déployez des balises sur votre site.

  1. Accédez à vos organisations Adobe Experience Cloud (https://<yourcompany>.experiencecloud.adobe.com)

  2. Connectez-vous à l’aide de votre Adobe ID et assurez-vous que vous vous trouvez dans la bonne organisation.

  3. Dans le sélecteur de solution, cliquez sur Launch, puis sélectionnez le bouton Aller à Launch.

    Experience Cloud - Launch

  4. Assurez-vous que vous vous trouvez dans la bonne organisation, puis passez à la création d’une propriété Launch.
    Experience Cloud - Launch

    Pour plus d’informations sur la création de propriétés, voir Création d’une propriété dans la documentation du produit.

  5. Cliquez sur le bouton Nouvelle propriété .

  6. Attribuez un nom à votre propriété (par exemple, Tutoriel AEM Target).

  7. Comme domaine, saisissez localhost.com puisqu’il s’agit du domaine sur lequel le site de démonstration WKND est exécuté. Bien que le champ 'Domaine' soit obligatoire, la propriété Launch fonctionne sur n’importe quel domaine où elle est implémentée. L’objectif Principal de ce champ est de préremplir les options de menu du créateur de règles.

  8. Cliquez sur le bouton Enregistrer .

    Launch - Nouvelle propriété

  9. Ouvrez la propriété que vous venez de créer, puis cliquez sur l’onglet Extensions .

Ajout d’une extension Target

L’extension Adobe Target prend en charge les mises en oeuvre côté client à l’aide du SDK JavaScript Target pour le web moderne, at.js. Les clients qui utilisent encore la bibliothèque obsolète de Target, mbox.js, doivent effectuer la mise à niveau vers at.js pour utiliser Launch.

L’extension Target se compose de deux parties principales :

  • La configuration de l’extension, qui gère les paramètres de bibliothèque principaux
  • Actions de règle pour effectuer les opérations suivantes :
    • Chargement de Target (at.js)
    • Ajout de paramètres à toutes les mbox
    • Ajout de paramètres à la mbox globale
    • Déclencher la mbox globale
  1. Sous Extensions, vous pouvez voir la liste des extensions déjà installées pour votre propriété Launch. (Extension Core Experience Platform Launch est installée par défaut)

  2. Cliquez sur l’option Catalogue d’extensions et recherchez Target dans le filtre.

  3. Sélectionnez la dernière version d’Adobe Target at.js et cliquez sur l’option Installer .
    Launch - Nouvelle propriété

  4. Cliquez sur le bouton Configurer. Vous pouvez remarquer la fenêtre de configuration avec les informations d’identification de votre compte Target importées, ainsi que la version d’at.js de cette extension.
    Target - Configuration de l’extension

    Lorsque Target est déployé via des codes intégrés à Launch asynchrones, vous devez coder en dur un fragment de code de masquage préalable sur vos pages avant les codes incorporés Launch afin de gérer le scintillement de contenu. Nous en apprendrons plus sur le tireur d’élite prémasqué plus tard. Vous pouvez télécharger le fragment de code de masquage préalable ici

  5. Cliquez sur Enregistrer pour terminer l’ajout de l’extension Target à votre propriété Launch. Vous devriez maintenant pouvoir voir l’extension Target répertoriée sous la liste des extensions Installées.

  6. Répétez les étapes ci-dessus pour rechercher l’extension "Experience Cloud ID Service" et l’installer.
    Extension - Service d’ID Experience Cloud

Configuration d’environnements

  1. Cliquez sur l’onglet Environnement pour la propriété de votre site et vous pouvez voir la liste de l’environnement qui est créé pour la propriété de votre site. Par défaut, une instance est créée pour le développement, l’évaluation et la production.

Élément de données - Nom de page

Concevoir et publier

  1. Cliquez sur l’onglet Publication de la propriété de votre site, puis créons une bibliothèque pour créer et déployer nos modifications (éléments de données, règles) dans un environnement de développement.
  2. Publiez vos modifications depuis l’environnement de développement vers un environnement d’évaluation.
  3. Exécutez l’option Build for Staging.
  4. Une fois la génération terminée, exécutez Approve for Publishing (Approuver pour publication), qui déplace vos modifications d’un environnement d’évaluation vers un environnement de production.
    Évaluation de la production
  5. Enfin, exécutez l’option Créer et publier en production pour transmettre vos modifications à la production.
    Création et publication en production

Adobe Experience Manager

REMARQUE

Accordez à l’intégration d’Adobe I/O l’accès permettant de sélectionner des espaces de travail avec le rôle approprié afin de permettre à une équipe centrale d’apporter des modifications pilotées par l’API dans seulement quelques espaces de travail.

  1. Créez l'intégration IMS dans AEM à l'aide des informations d'identification d'Adobe I/O. (01:12 à 03:55)
  2. Dans Experience Platform Launch, créez une propriété. (couvert above)
  3. À l’aide de l’intégration IMS de l’étape 1, créez une intégration Experience Platform Launch pour importer votre propriété Launch.
  4. Dans AEM, mappez l’intégration de l’Experience Platform Launch à un site à l’aide de la configuration du navigateur. (05:28 à 06:14)
  5. Validation manuelle de l’intégration. (06:15 à 06:33)
  6. Utilisation du module de navigateur Launch/DTM. (06:34 à 06:50)
  7. Utilisation du module externe de navigateur Adobe Experience Cloud Debugger. (06:51 à 07:22)

À ce stade, vous avez correctement intégré AEM à Adobe Target en utilisant Adobe Experience Platform Launch comme décrit dans l’Option 1.

Pour utiliser les offres de fragments d’expérience AEM afin d’alimenter vos activités de personnalisation, nous vous proposons de passer au chapitre suivant et d’intégrer AEM à Adobe Target à l’aide des services cloud hérités.

Sur cette page