Lägga till ett dataelement, en regel och ett bibliotek
I den här lektionen skapar du ditt första dataelement, regel och bibliotek.
Dataelement och regler är de grundläggande byggstenarna för taggar. Data Elements lagrar de attribut du vill skicka till dina marknadsförings- och annonslösningar, medan Regler skickar förfrågningar till dessa lösningar under rätt förhållanden. Bibliotek är de JavaScript-filer som läses in på sidan för att göra allt arbete. I den här lektionen ska du använda alla tre för att få vår exempelsida att göra något.
- platforma launchen (klientsidan) är nu tags
- platform launch Server Side is now event forwarding
- Edge-konfigurationer är nu datastreams
Utbildningsmål
När lektionen är klar kan du:
- Skapa ett dataelement
- Skapa en regel
- Skapa ett bibliotek
- Lägga till ändringar i ett bibliotek
- Verifiera att biblioteket läses in i webbläsaren
- Arbeta effektivare med funktionen "Arbetsbibliotek"
Skapa ett dataelement för sidnamn
Dataelement är taggarnas version av ett datalager. De kan lagra värden från ditt eget datalager, cookies, lokala lagringsobjekt, frågesträngsparametrar, sidelement, metataggar osv. I den här övningen skapar du ett dataelement för Sidnamn, som du kommer att använda senare i dina Target- och Analytics-implementeringar.
Skapa ett dataelement
-
Klicka på Dataelement
-
Eftersom du inte har skapat några dataelement än i den här egenskapen visas en kort video med ytterligare information om det här avsnittet. Titta på den här videon, om du vill.
-
Klicka på Skapa nytt dataelement knapp:
-
Namnge dataelementet, t.ex.
Page Name
-
Använd JavaScript-variabel Dataelementtyp som pekar på ett värde i exempelsidans datalager:
digitalData.page.pageInfo.pageName
-
Markera rutorna för Använd gemener och Rensa text standardisera ärendet och ta bort ovidkommande utrymmen
-
Lämna Ingen som Lagringstid eftersom det här värdet vanligtvis är olika på alla sidor
-
Klicka på Spara knapp för att spara dataelementet
.
Skapa en regel
Därefter använder du det här dataelementet i en enkel regel. Regler är en av de mest kraftfulla funktionerna i taggar och gör att du kan ange vad som ska hända när besökaren interagerar med webbplatsen. När villkoren som beskrivs i reglerna är uppfyllda utlöser regeln den åtgärd som du har angett.
Du ska skapa en regel som skickar dataelementvärdet för sidnamnet till webbläsarkonsolen.
Skapa en regel
-
Klicka på Regler
-
Eftersom du inte har skapat några regler än i den här egenskapen visas en kort video med ytterligare information om ämnet. Titta på den här videon, om du vill.
-
Klicka på Skapa ny regel knapp:
-
Namnge regeln
All Pages - Library Loaded
. Den här namnkonventionen anger var och när regeln kommer att utlösas, vilket gör det enklare att identifiera och återanvända när taggegenskapen mognar. -
Klicka på under Händelser Lägg till. Händelsen talar om för taggar när regeln ska utlösas och kan vara många saker, bland annat en sidinläsning, ett klick, en anpassad JavaScript-händelse osv.
-
Som händelsetyp väljer du Bibliotek inläst (sidan ovanpå). Observera att när du väljer händelsetyp fylls ett namn för händelsen i automatiskt med taggen. Observera också att standardordningen för händelsen är 50. Ordning är en kraftfull funktion i taggar som ger dig exakt kontroll över sekvensen av åtgärder när du har flera regler som aktiveras av samma händelse. Du kommer att använda den här funktionen senare i självstudiekursen.
-
Klicka på Behåll ändringar knapp
-
-
Eftersom den här regeln ska starta på alla sidor kan du lämna Villkor tom. Om du öppnar modala villkor kan du se att villkor kan lägga till både begränsningar och undantag baserat på en mängd olika alternativ, bland annat URL:er, dataelementvärden, datumintervall och mycket annat.
-
Klicka på under Åtgärder Lägg till
-
Välj Åtgärdstyp > Anpassad kod, vilket i det här skedet är det enda alternativet. Senare i självstudiekursen, när du lägger till tillägg, finns det fler alternativ.
-
Välj </> Öppna redigeraren för att öppna kodredigeraren
-
Lägg till följande i kodredigeraren. Den här koden skickar värdet för dataelementet Sidnamn till webbläsarkonsolen så att du kan bekräfta att det fungerar:
code language-javascript console.log('The page name is '+_satellite.getVar('Page Name'));
-
Spara kodredigeraren
-
På skärmen Åtgärdskonfiguration klickar du på Behåll ändringar
-
Klicka Spara för att spara regeln
På sidan Regler ska du se din nya regel:
Spara ändringarna i ett bibliotek
När du har konfigurerat en samling tillägg, dataelement och regler i gränssnittet för datainsamling måste du paketera dessa funktioner och logik i en uppsättning JavaScript-kod som du kan distribuera på webbplatsen så att marknadsföringstaggarna utlöses när besökarna kommer till webbplatsen. Ett bibliotek är den uppsättning JavaScript-kod som ska göra detta.
I en tidigare lektion implementerade du inbäddningskoden för utvecklingsmiljön på exempelsidan. När du läste in exempelsidan returnerades ett 404-fel för inbäddningskodens URL eftersom ett taggbibliotek ännu inte har skapats och tilldelats miljön. Nu ska du placera ditt nya dataelement och linjera i ett bibliotek så att exempelsidan kan göra något.
Lägga till och skapa ett bibliotek
-
Klicka på Publiceringsflöde
-
Klicka Lägg till nytt bibliotek
-
Namnge biblioteket, t.ex.
Initial Setup
-
Välj Miljö > Utveckling
-
Klicka Lägg till alla ändrade resurser
-
Observera att efter att du klickat Lägg till alla ändrade resurser -taggar sammanfattar de ändringar du just har gjort.
-
Klicka Spara och bygg för utveckling
Efter en stund blir statuspunkten grön vilket anger att biblioteket har skapats.
Validera ditt arbete
Verifiera nu att regeln fungerar som förväntat.
Läs in exempelsidan igen. Om du tittar på fliken Utvecklarverktyg -> Nätverk bör du nu se ett svar från 200 för ditt taggbibliotek!
Om du tittar på Developer Tools -> Console bör du se texten"The page name is home"
Grattis! Du har skapat ditt första dataelement och regel och byggt upp ditt första taggbibliotek!
Använda funktionen Arbetsbibliotek
När du gör många ändringar i taggar är det inte praktiskt att behöva gå till fliken Publicera, lägga till ändringar och skapa biblioteket varje gång du vill se resultatet. Nu när du har skapat ditt bibliotek för"Inledande konfiguration" kan du använda funktionen"Arbetsbibliotek" för att snabbt spara ändringarna och återskapa biblioteket i ett enda steg.
Gör en liten ändring i regeln "Alla sidor - Biblioteksinläsning". Klicka på Regler och klicka sedan på All Pages - Library Loaded
regel som öppnar den.
På Edit Rule
klickar du på Arbetsbibliotek listruta och välj Initial Setup
bibliotek.
När du har valt biblioteket bör du se att Spara knappen är nu standard till Spara i bibliotek. När du ändrar taggar kan du använda det här alternativet för att automatiskt lägga till ändringen direkt i ditt arbetsbibliotek och/eller återskapa den.
Testa det. Öppna åtgärden Egen kod och lägg bara till ett kolon efter texten"Sidnamnet är" så att hela kodblocket läser:
console.log('The page name is: '+_satellite.getVar('Page Name'));
Spara koden, behåll ändringarna i funktionsmakrot och klicka nu på Spara i bibliotek och bygge -knappen.
Vänta ett ögonblick tills den gröna punkten visas igen bredvid Arbetsbibliotek listruta. Läs nu in exempelsidan igen så bör du se ändringen i konsolmeddelandet (du kanske måste rensa webbläsarens cache och läsa in den igen för att kunna se ändringen på sidan):
Det här är ett mycket snabbare sätt att arbeta och du kommer att använda den här metoden för resten av självstudiekursen.
Nästa"Byt miljö med Experience Cloud Debugger" >