[Intégration]{class="badge positive"}
Utilisation de balises via la console Adobe Developer
[AEM Sites 6.5]{class="badge informative"}
Conditions préalables
-
Instance de création et de publication d’AEM s’exécutant sur les ports localhost 4502 et 4503 respectivement.
-
Experience Cloud
-
Accéder à la solution Adobe Experience Cloud de votre organisation -
https://<yourcompany>.experiencecloud.adobe.com -
Experience Cloud est fourni avec les solutions suivantes :
note note NOTE 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 Data Collection. 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 ou administratrice Experience Cloud pour en demander l’accès. Pour plus d’informations sur les autorisations de balises, voir la documentation.
-
-
Extensions du navigateur Chrome
- Débogueur Adobe Experience Cloud(https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
Utilisateurs impliqués
Pour cette intégration, les audiences suivantes doivent être impliquées. Pour effectuer certaines tâches, vous aurez peut-être besoin d’un accès administratif.
- Développeur ou développeuse
- Administrateur ou administratrice AEM
- Administrateur ou administratrice Experience Cloud
Présentation
AEM offre une intégration prête à l’emploi avec des balises . Cette intégration permet aux administrateurs d’AEM de configurer facilement des balises via une interface conviviale, réduisant ainsi le niveau d’effort et le nombre d’erreurs lors de la configuration de ces deux outils. De plus, l’ajout de l’extension Adobe Target aux balises nous aidera à utiliser toutes les fonctionnalités d’Adobe Target sur les pages web d’AEM.
Dans cette section, nous passerons en revue les étapes d’intégration suivantes :
-
Balises
- Création d’une propriété de balise
- Ajouter une extension Target
- Créer un élément de données
- Créer une règle de page
- Configurer des environnements
- Créer et publier
-
AEM
- Créer un service cloud
- Créer
Balises
Création d’une propriété de balises
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.
- Accéder à vos organisations Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com) - Connectez-vous à l’aide de votre Adobe ID et vérifiez que vous vous trouvez dans la bonne organisation.
- Dans le sélecteur de solution, cliquez sur . Experience Platform, puis la variable Collecte de données et sélectionnez Balises.
-
Assurez-vous que vous vous trouvez dans la bonne organisation, puis passez à la création d’une propriété de balises.
Pour plus d’informations sur la création de propriétés, consultez Création d’une propriété dans la documentation du produit.
-
Cliquez sur le bouton Nouvelle propriété.
-
Attribuez un nom à votre propriété (par exemple, Tutoriel AEM Target).
-
En tant que domaine, saisissez localhost.com puisqu’il s’agit du domaine sur lequel le site de démonstration WKND est exécuté. Bien que le Domaine" est obligatoire, la propriété de balises fonctionnera 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.
-
Cliquez sur le bouton Enregistrer.
-
Ouvrez la propriété que vous venez de créer, puis cliquez sur l’onglet Extensions.
Ajout de l’extension Target
L’extension Adobe Target prend en charge les implémentations côté client en utilisant le SDK JavaScript Target pour le web moderne, at.js. Clients utilisant toujours la bibliothèque obsolète de Target, mbox.js, doit effectuer la mise à niveau vers at.js pour utiliser des balises.
L’extension Target se compose de deux parties principales :
-
La configuration de l’extension, qui gère les paramètres de bibliothèque principaux.
-
Des 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éclenchement de la mBox globale
-
Sous Extensions, vous pouvez voir la liste des extensions déjà installées pour la propriété de balises. (Extension Core Adobe Launch est installé par défaut)
-
Sélectionnez l’option Catalogue des extensions, puis recherchez Target dans le filtre.
-
Sélectionnez la dernière version du fichier at.js d’Adobe Target et cliquez sur Installer.
-
Cliquez sur le bouton Configurer et vous verrez apparaître la fenêtre de configuration avec les informations d’identification de votre compte Target importées, ainsi que la version du fichier at.js de cette extension.
Lorsque Target est déployé par le biais de codes incorporés de balises asynchrones, vous devez coder en dur un fragment de code de masquage préalable sur vos pages avant les codes incorporés de balises afin de gérer le scintillement de contenu. Nous aborderons plus en détail l’extrait de code de masquage préalable plus tard. Vous pouvez télécharger l’extrait de code de masquage préalable ici.
-
Cliquez sur Enregistrer pour terminer l’ajout de l’extension Target à votre propriété de balises. Vous devriez maintenant pouvoir voir l’extension Target répertoriée sous la Installé liste des extensions.
-
Répétez les étapes ci-dessus pour rechercher l’extension « Experience Cloud ID Service » et l’installer.
Configurer des environnements
- Cliquez sur l’onglet Environnement de la propriété de votre site. Vous pouvez également voir la liste de l’environnement 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.
Créer et publier
-
Cliquez sur l’onglet Publication de la propriété de votre site. 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.
embed -
Publiez vos modifications depuis l’environnement de développement vers un environnement d’évaluation.
embed -
Exécutez l’option Créer pour l’évaluation.
-
Une fois la création terminée, exécutez Approuver pour publication, qui déplace vos modifications d’un environnement d’évaluation vers un environnement de production.
-
Enfin, exécutez l’option Créer et publier dans l’environnement de production pour transmettre vos modifications à la production.
Adobe Experience Manager
- Créez l’intégration IMS dans AEM à l’aide des informations d’identification d’Adobe Developer. (01:12 à 03:55)
- Dans Collecte de données, créez une propriété . (abordé ci-dessus).
- À l’aide de l’intégration IMS de l’étape 1, créez une intégration de balises pour importer la propriété de balises.
- Dans AEM, mappez l’intégration des balises à un site à l’aide de la configuration du navigateur. (05:28 à 06:14)
- Validez l’intégration manuellement. (06:15 à 06:33)
- Utilisez le plug-in externe de navigateur Adobe Experience Cloud Debugger. (06:51 à 07:22)
À ce stade, vous avez correctement intégré AEM avec Adobe Target à l’aide de balises 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.