DocumentatieExperience PlatformZelfstudie op internet

Overzicht

Last update: Mon Feb 09 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Ontwikkelaar

voer Experience Cloud in Websites met Markeringen uit is het perfecte uitgangspunt voor front-end ontwikkelaars of technische marketers die willen leren hoe te om de oplossingen van Adobe Experience Cloud op hun website uit te voeren.

Elke les bevat hoe kan ik-oefeningen en fundamentele informatie om u te helpen Experience Cloud uitvoeren en zijn waarde begrijpen. De plaatsen van de manifestatie worden verstrekt voor u om het leerprogramma te voltooien, zodat kunt u de onderliggende technieken in een veilige milieu leren. Nadat u deze zelfstudie hebt voltooid, kunt u al uw marketingoplossingen implementeren via de tags op uw eigen website.

INFO
Deze zelfstudie gebruikt toepassingsspecifieke extensies en bibliotheken (AppMeasurement.js voor Adobe Analytics, at.js voor Adobe Target). Als u SDK van het Web van Adobe Experience Platform wilt uitvoeren, te zien gelieve ​ Adobe Experience Cloud met het 1} leerprogramma van SDK van het Web uitvoeren.

Nadat u dit hebt voltooid, kunt u:

NOTE
Adobe Experience Platform Launch wordt in Adobe Experience Platform geïntegreerd als een reeks technologieën voor gegevensverzameling. Verschillende terminologiewijzigingen zijn geïmplementeerd in de interface die u tijdens het gebruik van deze inhoud moet onthouden:
NOTE
De gelijkaardige multi-oplossing leerprogramma's zijn ook beschikbaar voor ​ SDK van het Web ​ en ​ Mobiele SDK ​.

Vereisten

In deze lessen wordt aangenomen dat u een Adobe-id en de vereiste machtigingen hebt om de oefeningen te voltooien. Als dat niet het geval is, moet u mogelijk contact opnemen met uw Experience Cloud-beheerder om toegang aan te vragen.

  • Voor tags moet u gemachtigd zijn om omgevingen te ontwikkelen, goed te keuren, te publiceren, te beheren en te beheren. Voor meer informatie over de toestemmingen van de markeringsgebruiker, zie ​ de documentatie ​.
  • Voor Adobe Analytics moet u weten welke trackingserver u gebruikt om deze zelfstudie te voltooien.
  • Voor Audience Manager, moet u uw Subdomain van Audience Manager kennen (die ook als "Partner identiteitskaart,"of "Partner Subdomain" wordt bekend)

Ook wordt aangenomen dat u bekend bent met de ontwikkelingstalen aan de voorzijde, zoals HTML en JavaScript. U hoeft geen expert in deze talen te zijn om de lessen te voltooien, maar u krijgt er meer uit als u de code comfortabel kunt lezen en begrijpen.

Tags

De tagfunctie van Adobe Experience Platform is de volgende generatie websitetags en beheermogelijkheden voor mobiele SDK vanuit Adobe. Met tags kunnen klanten eenvoudig alle analytische, marketing- en advertentieoplossingen implementeren en beheren die nodig zijn om relevante klantervaringen te stimuleren. Er zijn geen extra kosten voor tags. Het is beschikbaar voor elke Adobe Experience Cloud-klant.

Met tags voor websites kunt u alle JavaScript centraal beheren voor analytische, marketing- en advertentieoplossingen die op uw bureaublad en mobiele sites worden gebruikt. Als u bijvoorbeeld Adobe Analytics implementeert, worden de AppMeasurement JavaScript-bibliotheek door tags beheerd, worden variabelen gevuld en worden brandverzoeken verzonden.

De inhoud van de container wordt geminiatuurd, inclusief de aangepaste code. Alles is modulair. Als u geen punt nodig hebt, is het niet inbegrepen in uw bibliotheek. Het resultaat is een snelle en compacte implementatie.

Tags zijn ook een platform waarmee externe leveranciers extensies kunnen maken, zodat hun oplossingen eenvoudig kunnen worden geïmplementeerd via tags. Een extensie is een pakket code (JavaScript, HTML en CSS) dat de taginterface en de clientfunctionaliteit uitbreidt. U kunt tags beschouwen als een besturingssysteem en extensies zijn de toepassingen die u gebruikt om uw taken uit te voeren.

Informatie over de lessen

WARNING
De Luma-website die in deze zelfstudie wordt gebruikt, wordt naar verwachting vervangen in de week van 16 februari 2026. Het werk dat in het kader van deze zelfstudie wordt uitgevoerd, is mogelijk niet van toepassing op de nieuwe website.

In deze lessen implementeert u de Adobe Experience Cloud in een nep-detailhandelswebsite met de naam Luma. De ​ plaats van de Luma ​ heeft een rijke gegevenslaag en functionaliteit die u zal toestaan om een realistische implementatie te bouwen. U gaat uw eigen tag-eigenschap maken in uw eigen Experience Cloud-organisatie en deze toewijzen aan onze gehoste Luma-site met de Experience Cloud Debugger.

Website Luma ​

De gereedschappen ophalen

  1. Omdat u sommige browser-specifieke uitbreidingen zult gebruiken, adviseren wij de voltooiing van het leerprogramma gebruikend ​ Browser van het Web van Chrome ​

  2. Voeg de ​ Adobe Experience Platform Debugger ​ uitbreiding aan uw browser van Chrome toe

  3. De HTML-voorbeeldpaginacode kopiëren

    accordion
    Voorbeeld van HTML-paginacode
    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/nl-NL/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>

  4. Hiermee krijgt u een teksteditor waarin u wijzigingen kunt aanbrengen in de HTML-voorbeeldpagina. (Als u geen hebt, adviseren wij het proberen ​ Haakjes ​)

  5. Bladwijzer de ​ plaats van de Luma ​

NOTE
U vindt het misschien eenvoudiger om deze zelfstudie uit te voeren terwijl de Luministsite in Chrome is geopend, terwijl u deze zelfstudie leest en de interfacestappen voor gegevensverzameling uitvoert in een andere browser.

Laten we beginnen!

Volgende "Een eigenschap tag maken" >

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2