Implementera Experience Cloud på webbplatser med taggar är den perfekta utgångspunkten för utvecklare och teknikmarknadsförare som vill lära sig hur man implementerar Adobe Experience Cloud lösningar på sin webbplats.
Varje lektion innehåller övningar och grundläggande information som hjälper dig att implementera Experience Cloud och förstå dess värde. Demonstrationssajter tillhandahålls så att du kan slutföra självstudiekursen och lära dig underliggande tekniker i en säker miljö. När du är klar med den här självstudiekursen bör du vara redo att börja implementera alla era marknadsföringslösningar med hjälp av taggar på din egen webbplats.
I den här självstudien används programspecifika tillägg och bibliotek (AppMeasurement.js för Adobe Analytics, at.js för Adobe Target). Om du vill implementera Adobe Experience Platform Web SDK går du till Implementera Adobe Experience Cloud med Web SDK självstudie.
När du är klar kan du:
Skapa en taggegenskap
Installera en taggegenskap på en webbplats
Lägg till följande Adobe Experience Cloud-lösningar:
Skapa regler och dataelement för att skicka data till Adobe
Validera implementeringen med Adobe Experience Cloud Debugger
Publicera ändringar i utvecklings-, staging- och produktionsmiljöer
Adobe Experience Platform Launch håller på att integreras i Adobe Experience Platform som en serie datainsamlingstekniker. Flera terminologiska förändringar har introducerats i gränssnittet som du bör vara medveten om när du använder det här innehållet:
Liknande självstudiekurser om flera lösningar finns även för Web SDK och Mobile SDK.
I den här lektionen antas du ha ett Adobe-ID och de behörigheter som krävs för att slutföra övningarna. Om du inte gör det kan du behöva kontakta din Experience Cloud-administratör för att begära åtkomst.
Du måste också känna till utvecklingsspråk som HTML och JavaScript. Du behöver inte vara expert på de här språken för att slutföra lektionerna, men du får ut mer av dem om du kan läsa och förstå kod på ett bekvämt sätt.
Taggfunktionen i Adobe Experience Platform är nästa generation av funktioner för hantering av webbplatstaggar och SDK för mobila enheter från Adobe. Taggar ger kunderna ett enkelt sätt att driftsätta och hantera alla analys-, marknadsförings- och annonslösningar som behövs för att skapa relevanta kundupplevelser. Taggar kostar inget extra. Den kan köpas av alla Adobe Experience Cloud-kunder.
Taggar för webbplatser gör det möjligt att centralt hantera alla JavaScript-lösningar för analys, marknadsföring och annonsering som används på både dator- och mobilsajter. Om du till exempel distribuerar Adobe Analytics kommer taggar att hantera AppMeasurementets JavaScript-bibliotek, fylla i variabler och begära eld.
Innehållet i behållaren är minifierat, inklusive din egen kod. Allt är modulärt. Om du inte behöver något objekt inkluderas det inte i ditt bibliotek. Resultatet är en snabb och kompakt implementering.
Taggar är också en plattform som gör det möjligt för tredjepartsleverantörer att skapa tillägg som gör det enkelt att driftsätta sina lösningar med hjälp av taggar. Ett tillägg är ett kodpaket (JavaScript, HTML och CSS) som utökar tagggränssnittet och klientfunktionerna. Du kan tänka dig taggar som ett operativsystem, och tillägg är de program du använder för att utföra dina uppgifter.
I den här lektionen kommer du att implementera Adobe Experience Cloud i en falsk detaljhandelswebbplats som kallas Luma. The Luma-webbplats har ett omfattande datalager och funktionalitet som gör att du kan skapa en realistisk implementering. Du skapar en egen taggegenskap i din egen Experience Cloud-organisation och mappar den till vår värdbaserade Luma-webbplats med Experience Cloud Debugger.
Eftersom du kommer att använda vissa webbläsarspecifika tillägg rekommenderar vi att du slutför självstudiekursen med Chrome Web Browser
Lägg till Adobe Experience Platform Debugger tillägg till webbläsaren Chrome
Kopiera HTML-exempelsidkoden
<!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/sv-SE/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>
Skaffa en textredigerare där du kan ändra HTML-exempelsidan. (Om du inte har någon rekommenderar vi att du försöker Parenteser)
Bokmärk Luma-webbplats
Det kan vara enklare att slutföra den här självstudiekursen när Luma-webbplatsen är öppen i Chrome, medan du läser den här självstudiekursen och slutför gränssnittsstegen för datainsamling i en annan webbläsare.
Kom så börjar vi!