Experimentation (A/B-testning)
Lär dig hur du testar olika innehållsvariationer på en AEM as a Cloud Service-webbplats (AEMCS) med Adobe Target.
A/B-tester hjälper er att jämföra olika versioner av innehåll för att avgöra vilka som fungerar bättre för att uppnå era affärsmål. Vanliga scenarier:
- Testa olika rubriker, bilder eller call-to-action-knappar på en landningssida
- Jämföra olika layouter eller designer för en produktinformationssida
- Utvärdera kampanjerbjudanden eller rabattstrategier
Användningsfall för demo
I den här självstudien konfigurerar du A/B-testning för Camping i Western Australia Experience Fragment (XF) på WKND-webbplatsen. Du skapar tre XF-variationer och hanterar A/B-testet via Adobe Target.
Variationerna visas på WKND-hemsidan, vilket gör att du kan mäta prestanda och avgöra vilken version som ger bättre engagemang och konverteringar.
Livedemo
Besök webbplatsen WKND Enablement för att se hur A/B-testet fungerar. I videon nedan visas alla tre variationerna av Camping i Western Australia på hemsidan via olika webbläsare.
Förutsättningar
Kontrollera att du har slutfört följande innan du fortsätter med testet:
- Integrera Adobe Target: Gör att ditt team kan skapa och hantera personaliserat innehåll centralt i AEM och aktivera det som erbjudanden i Adobe Target.
- Integrera taggar i Adobe Experience Platform: Gör att ditt team kan hantera och distribuera JavaScript för personalisering och datainsamling utan att behöva distribuera om AEM-kod.
Steg på hög nivå
Konfigurationsprocessen för A/B-testning omfattar sex huvudsteg som skapar och konfigurerar experimentet:
- Skapa innehållsvariationer i AEM
- Exportera variationerna som erbjudanden till Adobe Target
- Skapa en A/B-testaktivitet i Adobe Target
- Skapa och konfigurera ett datastam i Adobe Experience Platform
- Uppdatera taggegenskapen med Web SDK-tillägget
- Verifiera A/B-testimplementeringen på dina AEM-sidor
Skapa innehållsvariationer i AEM
I det här exemplet använder du Camping i Western Australia Experience Fragment (XF) från AEM WKND-projektet för att skapa tre varianter, som kommer att användas på WKND-webbplatsens hemsida för A/B-testning.
-
Klicka på Experience Fragments-kortet i AEM, navigera till Camping i Western Australia och klicka på Edit.
-
Klicka på Skapa under avsnittet Variationer i redigeraren och välj Variation.
-
I dialogrutan Skapa variation:
- Mall: Experience Fragment Web Variation Template
- Titel: Till exempel "Från stödrastret"
Klicka på Klar.
-
Skapa variationen genom att kopiera Teaser -komponenten från huvudvarianten och anpassa sedan innehållet (t.ex. uppdatera titeln och bilden).
note tip TIP Du kan använda Generera variationer för att snabbt skapa nya variationer från huvud-XF. -
Upprepa stegen för att skapa en annan variant (t.ex. "Wandering the Wild").
Du har nu tre Experience Fragment-variationer för A/B-testning.
-
Innan du kan visa variationer med Adobe Target måste du ta bort det befintliga statiska lagret från hemsidan. Det förhindrar att innehåll dupliceras, eftersom Experience Fragment-variationerna injiceras dynamiskt via Target.
- Navigera till den engelska hemsidan
/content/wknd/language-masters/en
- Ta bort teaserkomponenten Camping i Western Australia i redigeraren.
- Navigera till den engelska hemsidan
-
Fyll i ändringarna av US > English-hemsidan (
/content/wknd/us/en
) för att sprida uppdateringarna.
-
Publicera hemsidan USA > engelska för att göra uppdateringarna tillgängliga.
Exportera variationerna som erbjudanden till Adobe Target
Exportera Experience Fragment-variationerna så att de kan användas som erbjudanden i Adobe Target för A/B-testet.
-
I AEM går du till Camping i Western Australia, markerar de tre varianterna och klickar på Exportera till Adobe Target.
-
I Adobe Target går du till Erbjudanden och bekräftar att variationerna har importerats.
Skapa en A/B-testaktivitet i Adobe Target
Skapa nu en A/B-testaktivitet för att köra experimentet på hemsidan.
-
Installera tillägget Adobe Experience Cloud Visual Editing Helper Chrome.
-
I Adobe Target går du till Aktiviteter och klickar på Skapa aktivitet.
-
I dialogrutan Skapa A/B-testaktivitet anger du följande:
- Typ: Webb
- Disposition: Visuell
- Aktivitets-URL: t.ex.
https://wknd.enablementadobe.com/us/en.html
Klicka på Skapa.
-
Byt namn på aktiviteten till något meningsfullt (t.ex. "WKND Homepage A/B Test").
-
I Upplevelse A lägger du till komponenten Upplevelsefragment ovanför avsnittet Senaste artiklar .
-
Klicka på Välj ett erbjudande i komponentdialogrutan.
-
Välj varianten Camping i Western Australia och klicka på Lägg till.
-
Upprepa för Upplevelsen B och C och välj Av stödrastret respektive Vill du visa Wild.
-
I avsnittet Mål bekräftar du att trafiken är jämnt fördelad över alla upplevelser.
-
I Mål och inställningar definierar du dina framgångsmått (t.ex. CTA klickar på Experience Fragment).
-
Klicka på Aktivera i det övre högra hörnet för att starta testet.
Skapa och konfigurera ett datastream i Adobe Experience Platform
Om du vill ansluta Adobe Web SDK till Adobe Target skapar du ett dataflöde i Adobe Experience Platform. Datastream fungerar som ett routningslager mellan Web SDK och Adobe Target.
-
I Adobe Experience Platform går du till Datastreams och klickar på Skapa datastream.
-
I dialogrutan Skapa dataström anger du ett namn för dataströmmen och klickar på Spara.
-
När dataströmmen har skapats klickar du på Lägg till tjänst.
-
I steget Lägg till tjänst väljer du Adobe Target i listrutan och anger Målmiljö-ID. Du kan hitta målmiljö-ID:t i Adobe Target under Administration > Miljö. Klicka på Spara för att lägga till tjänsten.
-
Granska dataströmsinformationen för att verifiera att Adobe Target-tjänsten är listad och korrekt konfigurerad.
Uppdatera taggegenskapen med Web SDK Extension
Om du vill skicka personaliserings- och datainsamlingshändelser från AEM-sidor lägger du till Web SDK-tillägget i taggegenskapen och konfigurerar en regel som utlöser sidinläsning.
-
I Adobe Experience Platform går du till Taggar och öppnar den egenskap du skapade i steget Integrera Adobe-taggar.
-
Klicka på Tillägg på den vänstra menyn, växla till fliken Katalog och sök efter Web SDK. Klicka på Installera på den högra panelen.
-
I dialogrutan Installera tillägg väljer du Datastream som du skapade tidigare och klickar på Spara.
-
Efter installationen bör du kontrollera att både Adobe Experience Platform Web SDK och Core visas under fliken Installed.
-
Konfigurera sedan en regel för att skicka Web SDK-händelsen när biblioteket läses in. Navigera till Regler på den vänstra menyn och klicka på Skapa ny regel.
note tip TIP Med en regel kan du definiera när och hur taggar ska aktiveras baserat på användarinteraktioner eller webbläsarhändelser. -
Ange ett regelnamn (till exempel ) på skärmen Skapa regel
All Pages - Library Loaded - Send Event
och klicka på + Lägg till under avsnittet Händelser.
-
I dialogrutan Händelsekonfiguration:
- Tillägg: Välj kärna
- Händelsetyp: Välj Bibliotek inläst (sidan överst)
- Namn: Ange
Core - Library Loaded (Page Top)
Klicka på Behåll ändringar för att spara händelsen.
-
Under avsnittet Åtgärder klickar du på + Lägg till för att definiera den åtgärd som ska utföras när händelsen utlöses.
-
I dialogrutan Åtgärdskonfiguration:
- Tillägg: Välj Adobe Experience Platform Web SDK
- Åtgärdstyp: Välj Skicka händelse
- Namn: Välj AEP Web SDK - skicka händelse
-
Gå till den högra panelens Personalization-avsnitt och kontrollera alternativet Återge visuella personaliseringsbeslut. Klicka sedan på Behåll ändringar för att spara åtgärden.
note tip TIP Den här åtgärden skickar en AEP Web SDK-händelse när sidan läses in så att Adobe Target kan leverera personaliserat innehåll. -
Granska den slutförda regeln och klicka på Spara.
-
Om du vill använda ändringarna går du till Publiceringsflöde och lägger till den uppdaterade regeln i ett bibliotek.
-
Upphöj slutligen biblioteket till Produktion.
Verifiera A/B-testimplementeringen på dina AEM-sidor
När aktiviteten är live och taggbiblioteket har publicerats i produktion kan du verifiera A/B-testet på dina AEM-sidor.
-
Besök den publicerade webbplatsen (till exempel WKND-aktiveringswebbplatsen) och observera vilken variation som visas. Försök att komma åt den från en annan webbläsare eller mobil enhet för att se alternativa varianter.
-
Öppna webbläsarens utvecklarverktyg och kontrollera fliken Nätverk. Filtrera efter
interact
för att hitta Web SDK-begäran. Begäran ska innehålla information om Web SDK-händelsen.
Svaret bör omfatta de personaliseringsbeslut som Adobe Target har fattat och ange vilken variation som delgetts.
- Du kan också använda tillägget Adobe Experience Platform Debugger Chrome för att kontrollera Web SDK-händelser.
Livedemo
Om du vill se hur A/B-testet fungerar går du till webbplatsen WKND-aktivering och ser hur olika varianter av Experience Fragment visas på hemsidan.