Vue d’ensemble
La mise en oeuvre de l’Experience Cloud dans les sites web avec balises est le point de départ idéal pour les développeurs front-end ou les spécialistes du marketing technique qui souhaitent apprendre à mettre en oeuvre les solutions Adobe Experience Cloud sur leur site web.
Chaque leçon comprend des exercices pratiques et des informations essentielles pour vous aider à mettre en œuvre Experience Cloud et à comprendre sa valeur. Les sites de démonstration vous permettent de suivre le tutoriel afin que vous puissiez apprendre les techniques sous-jacentes dans un environnement sûr. Après avoir terminé ce tutoriel, vous devriez être prêt à commencer à mettre en oeuvre toutes vos solutions marketing par le biais de balises sur votre propre site web.
Après avoir terminé cette formation, vous saurez comment :
-
Créer une propriété de balise
-
Installation d’une propriété de balise sur un site web
-
ajouter les solutions Adobe Experience Cloud suivantes :
-
créer des règles et des éléments de données pour envoyer des données aux solutions Adobe ;
-
valider votre mise en œuvre à l’aide du débogueur Adobe Experience Cloud Debugger ;
-
Modifications Publish par le biais d’environnements de développement, d’évaluation et de production
- Le platform launch (côté client) est désormais tags
- Le platform launch côté serveur est désormais event forwarding
- Les configurations Edge sont désormais datastreams
Conditions préalables
Dans ces leçons, nous supposons que vous disposez d’un Adobe ID et des autorisations requises pour effectuer les exercices. Dans le cas contraire, vous devrez peut-être contacter votre administrateur Experience Cloud pour demander l’accès.
- Pour les balises, vous devez disposer des autorisations Develop (Développer), Approve (Approuver), Publish (), Manage Extensions (Gérer les extensions) et Manage Environments (Gérer les environnements). Pour plus d’informations sur les autorisations des utilisateurs de balises, voir la documentation.
- Pour Adobe Analytics, vous devez connaitre votre serveur de suivi et les suites de rapports que vous utiliserez pour terminer ce tutoriel.
- Pour toute Audience Manager, vous devez connaître votre sous-domaine d’Audience Manager (également appelé "Nom de partenaire", "Identifiant de partenaire" ou "Sous-domaine de partenaire").
En outre, on suppose que vous connaissez bien les langages de développement front-end tels que HTML et JavaScript. Vous n’avez pas besoin d’être un expert dans ces langues pour terminer les leçons, mais vous en tirerez plus d’informations si vous pouvez facilement lire et comprendre le code.
À propos des balises
La fonctionnalité de balises de Adobe Experience Platform est la nouvelle génération de fonctionnalités de gestion de SDK mobile et de balises de sites web d’Adobe. Les balises offrent aux clients un moyen simple de déployer et gérer toutes les solutions d’analyse, de marketing et de publicité nécessaires pour proposer des expériences client pertinentes. Les balises ne sont pas soumises à des frais supplémentaires. Il est disponible pour tout client Adobe Experience Cloud.
Les balises de sites web vous permettent de gérer de manière centralisée l’ensemble des JavaScript liées aux solutions d’analyse, de marketing et de publicité utilisées sur vos sites pour mobiles et ordinateurs de bureau. Par exemple, si vous déployez Adobe Analytics, les balises gèrent la bibliothèque JavaScript AppMeasurement, renseignent les variables et déclenchent les demandes.
Le contenu de votre conteneur est réduit, y compris votre code personnalisé. Tout est modulaire. Si vous n’avez pas besoin d’un élément, celui-ci n’est pas inclus dans votre bibliothèque. Vous obtenez ainsi une mise en œuvre rapide et compacte.
Les balises sont également une plateforme qui permet aux fournisseurs tiers de créer des extensions pour faciliter le déploiement de leurs solutions par le biais de balises. Une extension est un module de code (JavaScript, HTML et CSS) qui étend l’interface des balises et les fonctionnalités du client. Vous pouvez considérer les balises comme un système d’exploitation et les extensions comme les applications que vous utilisez pour exécuter vos tâches.
À propos des leçons
Dans ces leçons, vous allez mettre en œuvre Adobe Experience Cloud dans un faux site web de vente au détail appelé Luma. Le site Luma possède une couche de données et des fonctionnalités riches qui vous permettront de faire une mise en œuvre réaliste. Vous allez créer votre propre propriété de balise, dans votre propre organisation Experience Cloud, et la mapper à notre site Luma hébergé à l’aide de l’Experience Cloud Debugger.
Obtention des outils
-
Puisque vous utiliserez certaines extensions spécifiques au navigateur, nous vous recommandons de suivre le tutoriel en utilisant le navigateur web Chrome
-
Ajoutez l’extension Adobe Experience Platform Debugger à votre navigateur Chrome
-
Copie de l’exemple de code de page HTML
accordion Exemple de code de page HTML code language-html <!doctype html> <html lang="en"> <head> <title>Tags: Sample HTML Page</title> <!--Preconnect and DNS-Prefetch to improve page load time. REPLACE "techmarketingdemos" WITH YOUR OWN AAM PARTNER ID, TARGET CLIENT CODE, AND ANALYTICS TRACKING SERVER--> <link rel="preconnect" href="//dpm.demdex.net"> <link rel="preconnect" href="//fast.techmarketingdemos.demdex.net"> <link rel="preconnect" href="//techmarketingdemos.demdex.net"> <link rel="preconnect" href="//cm.everesttech.net"> <link rel="preconnect" href="//techmarketingdemos.tt.omtrdc.net"> <link rel="preconnect" href="//techmarketingdemos.sc.omtrdc.net"> <link rel="dns-prefetch" href="//dpm.demdex.net"> <link rel="dns-prefetch" href="//fast.techmarketingdemos.demdex.net"> <link rel="dns-prefetch" href="//techmarketingdemos.demdex.net"> <link rel="dns-prefetch" href="//cm.everesttech.net"> <link rel="dns-prefetch" href="//techmarketingdemos.tt.omtrdc.net"> <link rel="dns-prefetch" href="//techmarketingdemos.sc.omtrdc.net"> <!--/Preconnect and DNS-Prefetch--> <!--Data Layer to enable rich data collection and targeting--> <script> var digitalData = { "page": { "pageInfo" : { "pageName": "Home" } } }; </script> <!--/Data Layer--> <!--jQuery or other helper libraries--> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <!--/jQuery--> <!--Tags Header Embed Code: REPLACE THE NEXT LINE WITH THE EMBED CODE FROM YOUR OWN DEVELOPMENT ENVIRONMENT--> <script src="//assets.adobedtm.com/launch-EN93497c30fdf0424eb678d5f4ffac66dc.min.js" async></script> <!--/Tags Header Embed Code--> </head> <body> <h1>Tags: Sample HTML Page</h1> <p>This is a very simple page to demonstrate basic implementation concepts of Tags</p> <p>See <a href="https://docs.adobe.com/content/help/fr-FR/experience-cloud/implementing-in-websites-with-launch/index.html">Implementing the Experience Cloud in Websites with Tags</a> for the complete tutorial</p> </body> </html> -
Utilisez un éditeur de texte dans lequel vous pouvez modifier la page HTML d’exemple. (Si vous n’en avez pas, nous vous recommandons d’essayer Brackets).
-
Ajoutez le site Luma à vos favoris.
C’est parti !
Suite : "Créer une propriété de balise" >