Validera Web SDK-implementeringar med Experience Platform Debugger
Lär dig hur du validerar implementeringen av din Platform Web SDK med Adobe Experience Platform Debugger.
Felsökaren Experience Platform är ett tillägg för webbläsarna Chrome och Firefox som gör att du kan se Adobe-tekniken som används på dina webbsidor. Ladda ned den version du föredrar:
Om du aldrig har använt felsökningsfunktionen tidigare - och den här är en annan än den tidigare Adobe Experience Cloud Debugger - kan du titta på den här översiktsvideon med fem minuter:
I den här lektionen använder du Adobe Experience Platform Debugger som ersätter taggegenskapen hårdkodad på Luma demo site med din egen egendom.
Den här tekniken kallas för miljöväxling och kan vara användbar senare när du arbetar med taggar på din egen webbplats. Du kan läsa in din produktionswebbplats i webbläsaren, men med utveckling -tagg. På så sätt kan du tryggt göra och validera taggändringar oberoende av dina vanliga kodreleaser. Den här åtskillnaden mellan marknadsföringstaggreleaser och vanliga kodreleaser är ju en av de främsta anledningarna till att kunderna använder taggar i första hand!
Utbildningsmål
När lektionen är klar kan du använda felsökaren för att:
- Läsa in ett alternativt taggbibliotek
- Validera att XDM-objektet hämtar och skickar data som förväntat Edge Network
Förutsättningar
Du känner till datainsamlingstaggar och Luma demo site och har avslutat följande lektioner i självstudiekursen:
Läsa in alternativa taggbibliotek med Felsökning
I den här självstudiekursen används en öppen version av Lumas demowebbplats. Öppna hemsidan och bokmärk den.
Felsökaren i Experience Platform har en cool funktion som gör att du kan ersätta ett befintligt taggbibliotek med ett annat. Den här tekniken är användbar vid validering och gör att vi kan hoppa över många implementeringssteg i den här självstudiekursen.
-
Kontrollera att Luma-webbplatsen är öppen och välj ikonen för Experience Platform-felsökningstillägget
-
Felsökaren öppnar och visar information om den hårdkodade implementeringen, som inte har med den här självstudiekursen att göra (du kan behöva läsa in Luma-webbplatsen igen när du har öppnat Felsökning)
-
Bekräfta att felsökaren är Connected to Luma" enligt bilden nedan och välj sedan "lock" om du vill låsa felsökaren till Luma-webbplatsen.
-
Välj Sign In och logga in på Adobe Experience Cloud med ditt Adobe ID.
-
Gå till Experience Platform Tags till vänster navigering
-
Välj Configuration tab
-
Till höger om där den visar dig Page Embed Codes öppnar du Actions och markera Replace
-
Eftersom du är autentiserad kommer felsökaren att hämta tillgängliga taggegenskaper och -miljöer. Välj
Web SDK Courseproperty -
Välj
Developmentmiljö -
Välj Apply knapp
-
Lumas webbplats kommer nu att läsas in igen med taggegenskapen.
När du fortsätter med självstudiekursen använder du den här tekniken för att mappa Luma-webbplatsen till din egen taggegenskap för att validera implementeringen av Platform Web SDK. När du börjar använda taggar på produktionswebbplatsen kan du använda samma teknik för att validera ändringar.
Validera implementeringen i Experience Platform Debugger
Du kan använda Felsökning för att validera implementeringen av din Platform Web SDK och visa data som skickas till Platform Edge Network:
-
Gå till Summary i den vänstra navigeringen om du vill se information om taggegenskapen
-
Gå till Experience Platform Web SDK i den vänstra navigeringen för att se Network Requests
-
Öppna events rad (oroa dig inte om den här skärmbilden visar fler begäranden än din, den innehåller begäranden från framtida lektioner och du kan ignorera dem för tillfället)
-
Se hur vi kan se
web.webpagedetails.pageViewhändelsetyp som anges i Send Event och andra färdiga variabler som följerAEP Web SDK ExperienceEvent Mixinformat
-
Bläddra nedåt till
web-objekt, välj att öppna det och inspekterawebPageDetails.name,webPageDetails.serverochwebPageDetails.siteSection. De ska matcha motsvarande datalagervariabler för digitalData på hemsidan
Du kan även validera informationen i identitetskartan:
-
Logga in på Luma-webbplatsen med inloggningsuppgifterna
test@adobe.com/test -
Återgå till Lumas hemsida
-
Öppna Experience Platform Web SDK till vänster
-
Välj events rad för att öppna information i ett popup-fönster
-
Sök efter identityMap i popup-fönstret. Här ska du se
lumaCrmIdmed tre nycklar för authenticatedState, id och primär:
Validera med utvecklingsverktygen i webbläsaren
Den här typen av förfrågningsinformation visas också i webbläsarens webbutvecklingsverktyg Nätverk (förutsatt att webbplatsen läser in taggbiblioteket).
-
Öppna webbläsarens webbutvecklingsverktyg Nätverk och läsa in sidan igen. Filtrera samtal med
/eeför att hitta samtalet markerar du det och tittar sedan på Sidhuvuden och Nyttolast tab
-
Gå till Svar och notera hur ECID-värdet ingår i svaret. Kopiera det här värdet så som du kommer att använda det för att validera profilinformationen i nästa övning
note note NOTE Du kanske inte ser samma mängd nyttolastbegäranden som i skärmbilden ovan. Skillnaden beror på att framtida lektioner för konfigurera mål slutfördes när skärmbilden togs. Du kan för tillfället ignorera den här skillnaden.
Med ett XDM-objekt som nu utlöses på en sida, och med kännedom om hur datainsamlingen ska valideras, är du redo att skapa de enskilda Adobe-programmen med Platform Web SDK.