Konfigurera Journey Optimizer webbkanal med Web SDK
Så här implementerar du Adobe Journey Optimizer webbkanal med Adobe Experience Platform Web SDK. Den här lektionen handlar om grundläggande krav för webbkanaler, detaljerade konfigurationssteg och en djupdykning i ett användningsexempel som fokuserar på lojalitetsstatus.
När du följer den här lektionen är Journey Optimizer-användare utrustade att använda webbkanalen för avancerad onlineanpassning med Journey Optimizer webbdesigner.
Utbildningsmål
När lektionen är slut kan du:
- Förstå funktionen och betydelsen av Web SDK när det gäller att leverera webbkanalsupplevelsen.
- Förstå processen med att skapa en webbkanalskampanj från början till slut med exempelexemplet Luma Loyalty Rewards.
- Konfigurera kampanjegenskaper, åtgärder och scheman i gränssnittet.
- Förstå funktionaliteten och fördelarna med tillägget Adobe Experience Cloud Visual Editing Helper.
- Lär dig redigera webbsidesinnehåll, inklusive bilder, sidhuvuden och andra element, med webbdesignern.
- Lär dig hur du infogar erbjudanden på en webbsida med beslutsdelen för erbjudandet.
- Bekanta dig med bästa praxis för att säkerställa kvaliteten och framgången för en webbkanalskampanj.
Förutsättningar
För att slutföra lektionerna i det här avsnittet måste du först:
-
Slutför alla lektioner för den inledande konfigurationen av Platform Web SDK, inklusive inställning av dataelement och regler.
-
Kontrollera att Adobe Experience Platform Web SDK-taggtilläggets version är 2.16 eller senare.
-
Om du använder Journey Optimizer webbdesigner för att skapa din webbkanalsupplevelse måste du kontrollera att du använder webbläsarna Google Chrome eller Microsoft® Edge.
-
Se även till att du har laddat ned och aktiverat Webbläsartillägg för Adobe Experience Cloud Visual Editing.
-
Kontrollera att cookies från tredje part tillåts i webbläsaren. Det kan vara nödvändigt att inaktivera alla annonsblockerare i webbläsaren.
note caution CAUTION I Journey Optimizer webbdesigner är det inte säkert att vissa webbplatser öppnas på grund av någon av följande orsaker: - Webbplatsen har strikta säkerhetsregler.
- Webbplatsen är inbäddad i en iframe.
- Kundens QA- eller stage-sajt är inte externt tillgänglig (det är en intern sajt).
-
När du skapar webbupplevelser och inkluderar innehåll från Adobe Experience Manager Assets Essentials-biblioteket måste du konfigurera underdomänen för publicering av innehållet.
-
Om du använder funktionen för innehållsexperimenterande ska du se till att din webbdatauppsättning också ingår i rapportkonfigurationen.
-
För närvarande finns det två typer av implementeringar som gör det möjligt att skapa och leverera webbkanalskampanjer på dina webbegenskaper:
- Endast på klientsidan: Om du vill ändra webbplatsen måste du implementera Adobe Experience Platform Web SDK.
- Hybrid-läge: Du kan använda API:t för Platform Edge Network Server för att begära anpassning på serversidan. Svaret från API:t skickas sedan till Adobe Experience Platform Web SDK för återgivningsändringar på klientsidan. Mer information finns i API-dokumentationen för Adobe Experience Platform Edge Network Server. Ytterligare information och implementeringsexempel för hybridläget finns i det här blogginlägget.
note note NOTE Implementering på serversidan stöds för närvarande inte.
Terminologi
Först och främst bör ni förstå den terminologi som används i webbkanalskampanjer.
- Webbkanal: Ett medium för kommunikation eller leverans av innehåll via webben. I den här guiden hänvisar den till den mekanism genom vilken personaliserat innehåll levereras till webbplatsbesökare som använder Platform Web SDK, inom Adobe Journey Optimizer.
- Webbyta: Avser en webbegenskap som identifieras av en URL där innehållet levereras. Det kan omfatta en eller flera webbsidor.
- Journey Optimizer webbdesigner: Ett specifikt verktyg eller gränssnitt i Journey Optimizer där användare kan designa sina webbkanalsupplevelser.
- Adobe Experience Cloud Visual Editing Helper: Ett webbläsartillägg som gör det lättare att redigera och utforma webbkanalsupplevelser visuellt.
- Datastream: En konfiguration i Adobe Experience Platform-tjänsten som säkerställer att webbkanalsupplevelserna kan levereras.
- Kopplingsprincip: En konfiguration som säkerställer korrekt aktivering och publicering av inkommande kampanjer.
- Målgrupp: Ett specifikt segment med användare eller besökare som uppfyller vissa kriterier.
- Webbdesigner: Ett gränssnitt eller verktyg som gör det enklare att redigera och designa webbupplevelser visuellt utan att djupdyka i koden.
- Uttrycksredigerare: Ett verktyg i webbdesignern som gör att användare kan lägga till personalisering i webbinnehåll, eventuellt baserat på dataattribut eller andra kriterier.
- Beslutskomponent för erbjudande: En komponent i webbdesignern som hjälper till att avgöra vilket erbjudande som är bäst lämpat att visas för en viss besökare baserat på beslutshantering.
- Innehållsexperiment: En metod för att testa olika innehållsvariationer för att ta reda på vilken som fungerar bäst när det gäller det önskade måttet, till exempel inkommande klick.
- Behandling: I samband med innehållsexperiment avser en behandling en specifik variation av innehåll som testas mot en annan.
- Simulering: En förhandsvisningsmekanism som visualiserar webbkanalsupplevelsen innan den aktiveras för aktiva målgrupper.
Konfigurera datastream
Du har redan lagt till Adobe Experience Platform-tjänsten i din datastream. Nu måste ni aktivera alternativet Adobe Journey Optimizer så att ni kan leverera webbkanalsupplevelser.
Så här konfigurerar du Adobe Journey Optimizer i datastream:
-
Gå till Datainsamling gränssnitt.
-
Välj Datastreams.
-
Markera tidigare skapade Luma Web SDK-dataström.
-
Välj Edit i Adobe Experience Platform.
-
Kontrollera Adobe Journey Optimizer box.
-
Välj Save.
Detta säkerställer att inkommande händelser för Journey Optimizer hanteras korrekt av Adobe Experience Platform Edge Network.
Konfigurera sammanfogningsprincipen
Kontrollera att en sammanfogningsprincip har definierats med Active-On-Edge Merge Policy aktiverat alternativ. Det här alternativet används av Journey Optimizer inkommande kanaler för att säkerställa korrekt aktivering och publicering av inkommande kampanjer.
Så här konfigurerar du alternativet i sammanfogningsprincipen:
-
Gå till Customer > Profiles i Experience Platform eller Journey Optimizer gränssnitt.
-
Välj Merge Policies -fliken.
-
Välj din profil (det är oftast bäst att använda Default Timebased och växla Active-On-Edge Merge Policy i Configure steg.
Konfigurera webbdatauppsättningen för innehållsexperiment
Om du vill använda innehållsexperiment i webbkanalskampanjer måste du se till att den webbdatauppsättning som används också ingår i rapportkonfigurationen. Journey Optimizer rapporteringssystem använder datauppsättningen i skrivskyddat läge för att fylla i användningsklara innehållsexperimenteringsrapporter.
Use Case Overview - Loyalty Rewards
I den här lektionen används ett exempel på Loyalty Rewards-användningsexempel för att beskriva implementeringen av en webbkanalsupplevelse med hjälp av Web SDK.
Med detta exempel får ni en bättre förståelse för hur Journey Optimizer kan hjälpa er att leverera de bästa inkommande upplevelserna till era kunder med hjälp av Journey Optimizer kampanjer och webbdesignern.
Eftersom den här självstudiekursen riktar sig till implementerare är det värt att notera att den här lektionen handlar om omfattande gränssnittsarbete i Journey Optimizer. Sådana gränssnittsuppgifter hanteras vanligtvis av marknadsförare, men det kan vara bra för implementerare att få insikt i processen, även om de vanligtvis inte ansvarar för att skapa webbkanalskampanjer.
Skapa lojalitetskampanj
Nu när du har inhämtat våra exempeldata om lojalitet och skapat vårt segment kan du skapa webbkampanjen Loyalty Rewards i Adobe Journey Optimizer.
Så här skapar du exempelkampanjen:
-
Öppna Journey Optimizer gränssnitt
note note NOTE Schema, datauppsättningar och målgrupper kan också byggas i Journey Optimizer gränssnitt eftersom de alla är vanliga Experience Platform-konstruktioner. -
Navigera till Journey Management > Campaigns till vänster navigering
-
Klicka Create campaign i det övre högra hörnet.
-
I Properties anger du hur kampanjen ska köras. För användningsfallet Loyalty Rewards väljer du Schemalagd.
-
I Actions väljer du Web channel. Som Web surface, markera Page URL.
note note NOTE En webbyta refererar till en webbegenskap som identifieras av en URL där innehållet levereras. Den kan motsvara en enda sidas URL eller innehålla flera sidor, vilket gör att du kan använda ändringarna på en eller flera webbsidor. -
Välj Page URL webbsidesalternativ för att distribuera upplevelsen på en sida för kampanjen. Ange Luma-sidans URL,
https://luma.enablementadobe.com/content/luma/us/en.html -
När webbytan är definierad väljer du Create.
-
Nu kan du lägga till ytterligare information i den nya webbkanalskampanjen. Ge först namnet på kampanjen. Ring
Luma Loyalty Rewards – Gold Status. Du kan också lägga till en beskrivning till kampanjen. Lägg även till Tags för att förbättra den övergripande kampanjtaxonomin.
-
Som standard är kampanjen aktiv för alla webbplatsbesökare. I det här fallet bör endast guldstatuspoängare se upplevelsen. Aktivera detta genom att klicka på Select audience och väljer
Luma Loyalty Rewards – Gold Statusmålgrupp. -
I Identity namespace markerar du namnutrymmet för att identifiera individer inom det valda segmentet. Eftersom du distribuerar kampanjen på Luma-webbplatsen kan du välja ECID-namnutrymmet. Profiler i
Luma Loyalty Rewards – Gold Statusmålgrupper som saknar ECID-namnutrymmet bland sina olika identiteter omfattas inte av webbkanalskampanjen.
-
Schemalägg kampanjen till dagens datum med Campaign start och avslutas på en vecka med Campaign end alternativ.
Experimentera med lojalitetsmaterial
Om du bläddrar tillbaka uppåt Action kan du skapa ett experiment för att testa vilket innehåll som fungerar bäst för Luma Loyalty Rewards – Gold Status målgrupp. Låt oss skapa och testa två behandlingar som en del av kampanjkonfigurationen.
Så här skapar du innehållsexperimentet:
-
Klicka Create experiment.
-
Välj först Success metric. Detta är måttet för att avgöra innehållets effektivitet. Välj Unique Inbound Clicks, för att se vilken innehållsbehandling som genererar fler klick på webbupplevelsen CTA.
-
När du skapar ett experiment med webbkanalen och väljer Inbound Clicks, Unique Inbound Clicks, Page Views, eller Unique Page Views mätvärden, Click Action I den här listrutan kan du hålla reda på och övervaka klick och vyer på specifika sidor.
-
Om du vill kan du ange Holdout som inte får någon av de två behandlingarna. Låt det vara omarkerat för tillfället.
-
Du kan också välja att Distribute evenly. Markera det här alternativet för att se till att uppdelningarna alltid är jämnt fördelade.
Läs mer om innehållsexperiment i Adobe Journey Optimizer webbkanal.
Redigera innehåll med hjälp av den visuella hjälpen
Låt oss nu skapa webbkanalsupplevelsen. Använd Adobe Experience Cloud Visual Helper. Det här verktyget är ett webbläsartillägg som är kompatibelt med Google Chrome och Microsoft® Edge. Kontrollera att du har hämtat tillägget innan du försöker skapa dina upplevelser. Se även till att webbsidan innehåller Web SDK.
-
I Action fliken för kampanjen, klicka på Edit content. Eftersom du angav en enda sidadress som yta bör du vara redo att börja arbeta i dispositionen.
-
Klicka nu på Edit web page för att börja skapa.
-
Börja med att redigera vissa element med hjälp av webbdispositionen. Använd snabbmenyn för att redigera Luma-hjältebildhuvudet. Justera formatet för den sammanhangsberoende rutan till höger.
-
Lägg även till personalisering i behållaren med Expression editor.
-
Se till att materialet spåras korrekt för klickningar. Välj Click track element på snabbmenyn.
-
Använd Offer decision component för att infoga erbjudanden på webbsidan. Den här komponenten använder Decision Management för att välja det bästa erbjudandet att leverera till Luma-besökare.
Designändringar för HTML
Det finns några tillgängliga metoder om du vill göra mer avancerade eller anpassade ändringar av webbplatsen som en del av kampanjen Loyalty Rewards.
Använd Components för att lägga till HTML eller annat innehåll direkt på Luma-webbplatsen.
Lägg till en ny HTML-komponent högst upp på sidan. Redigera HTML i komponenten från designgränssnittet eller Contextual fönster.
Du kan också lägga till HTML-redigeringar från Modifications fönster. I den här rutan kan du markera en komponent på sidan och redigera den i designergränssnittet.
Lägg till HTML för Luma Loyalty Rewards – Gold Status målgrupp. Välj Validate.
Granska nu den nya anpassade HTML-komponenten så att den passar och känns.
Redigera en viss komponent med CSS selector type modifiering.
Lägg till anpassad kod med Sida <head> type modifiering.
Möjligheterna är oändliga med Visual Helper.
Simulera innehåll för Loyalty Rewards
Titta på en förhandsgranskning av den ändrade webbsidan innan du aktiverar kampanjen. Tänk på att du måste ha testprofiler konfigurerade för att simulera webbkanalsupplevelser.
Så här simulerar du upplevelsen:
-
Välj Simulate content inom kampanjen.
-
Välj en testprofil för att ta emot simuleringen. Tänk på att testprofilen ska finnas i
Luma Loyalty Rewards – Gold Statusför att få rätt behandling. -
Förhandsgranskningen visas för testprofilen.
Aktivera kampanjen Loyalty Rewards
Aktivera slutligen webbkanalskampanjen.
-
Välj Granska för aktivering.
-
Du uppmanas att bekräfta kampanjinformationen en sista gång. Välj Activate. Det kan ta upp till 15 minuter innan kampanjen publiceras på webbplatsen.
Lojalitetsprogram - QA
Det finns några inloggningar du kan använda för att simulera "guldstatus"-användare och kvalificera dig för din kampanj:
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Det bästa är att följa Web i kampanjens livs- och globala rapporter för kampanjspecifika nyckeltal. För den här kampanjen ska du övervaka upplevelseintrycken och klicka på en frekvens.
Validering av webbkanaler med Adobe Experience Platform Debugger
Tillägget Adobe Experience Platform Debugger, som finns för både Chrome och Firefox, analyserar dina webbsidor för att identifiera problem med implementeringen av Adobe Experience Cloud lösningar.
Du kan använda felsökaren på Luma-webbplatsen för att validera webbkanalsupplevelsen i produktionen. Detta är en bra metod när Loyalty Rewards-användningsexemplet är öppet och körs för att säkerställa att allt är korrekt konfigurerat.
Lär dig hur du konfigurerar felsökaren i webbläsaren med hjälp av guiden här.
Så här börjar du valideringen med felsökaren:
- Navigera till webbsidan Luma med webbkanalsupplevelsen.
- Öppna Adobe Experience Platform Debugger.
- Navigera till Sammanfattning. Verifiera att Datastream ID matchar datastream in Adobe Data Collection som du har aktiverat Adobe Journey Optimizer för.
- Du kan sedan logga in på webbplatsen med olika Luma-förmånskonton och använda felsökaren för att validera begäranden som skickas till Adobe Experience Platform Edge Network.
- Under Solutions navigera till Experience Platform Web SDK.
- I Konfiguration flik, växla på Enable Debugging. Detta aktiverar loggning för sessionen i en Adobe Experience Platform Assurance session.
- Logga in på webbplatsen med olika Luma-förmånskonton och använd felsökaren för att validera förfrågningar som skickas till Adobe Experience Platform Edge network. Alla dessa förfrågningar ska registreras i Assurance för loggspårning.