Documentatie Experience Platform Zelfstudie op internet

Overzicht

Laatst bijgewerkt: 16 juli 2024

Onderwerpen:

Gemaakt voor:

Beginner
tussenpersoon
Ontwikkelaar

voer het 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 te oefeningen en fundamentele informatie om u te helpen het 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, gelieve te zien Adobe Experience Cloud met het leerprogramma van SDK van het Web uitvoeren.

Nadat u dit hebt voltooid, kunt u:

Een tag-eigenschap maken
Een eigenschap van een tag op een website installeren
Voeg de volgende Adobe Experience Cloud-oplossingen toe:
- de Dienst van de Identiteit van Adobe Experience Platform
- Adobe Target
- Adobe Analytics
- Adobe Audience Manager
Creeer regels en gegevenselementen om gegevens naar de oplossingen van de Adobe te verzenden
De implementatie valideren met de Adobe Experience Cloud Debugger
Publish verandert door ontwikkelings-, staging- en productieomgevingen

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:

Platform launch (de Kant van de Cliënt) is nu tags
De Server zijde van de platform launch is nu event forwarding
De configuraties van Edge zijn nu datastreams

NOTE

De gelijkaardige multi-oplossing leerprogramma's zijn ook beschikbaar voor Web SDKen 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 de beheerder van het Experience Cloud om toegang aan te vragen.

Voor tags moet u toestemming hebben om omgevingen te ontwikkelen, goed te keuren, Publish, te beheren en extensies 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 Audience Manager Subdomain (ook gekend als "Partner Naam"identiteitskaart van de Partner,"of "Partner Subdomain") kennen

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.

Informatie over de lessen

In deze lessen implementeert u de Adobe Experience Cloud in een nep-detailhandelswebsite met de naam Luma. De plaats van de Lumaheeft een rijke gegevenslaag en functionaliteit die u zal toestaan om een realistische implementatie te bouwen. U zult uw eigen markeringsbezit, in uw eigen organisatie van het Experience Cloud bouwen, en het in kaart brengen aan onze ontvangen plaats van de Luma gebruikend het Experience Cloud Debugger.

De gereedschappen ophalen

Omdat u sommige browser-specifieke uitbreidingen zult gebruiken, adviseren wij de voltooiing van het leerprogramma gebruikend Browser van het Web van Chrome
Voeg de Adobe Experience Platform Debuggeruitbreiding aan uw browser van Chrome toe

De HTML-voorbeeldpaginacode kopiëren

HTML-voorbeeldcode

<!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>

Hiermee krijgt u een teksteditor waarin u wijzigingen kunt aanbrengen in de HTML-voorbeeldpagina. (Als u geen hebt, adviseren wij het proberen Haakjes)
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