Experimentatie (A/B-test)

Leer hoe u verschillende inhoudvariaties op een AEM as a Cloud Service-website (AEMCS) test met Adobe Target.

A/B het testen helpt u verschillende versies van inhoud vergelijken om te bepalen welke beter in het bereiken van uw bedrijfsdoelstellingen presteert. Veelvoorkomende scenario's zijn:

  • Variaties in kopregels, afbeeldingen of call-to-action-knoppen op een bestemmingspagina testen
  • Verschillende lay-outs of ontwerpen vergelijken voor een productdetailpagina
  • Promotieaanbiedingen of kortingsstrategieën evalueren

Hoofdlettergebruik demo

In dit leerprogramma, vormt u A/B het testen voor Camping in het Fragment van de Ervaring van West Australië (XF) op de website WKND. U maakt drie XF-variaties en beheert de A/B-test via Adobe Target.

De variaties worden weergegeven op de WKND-homepage, zodat u de prestaties kunt meten en kunt bepalen welke versie een betere betrokkenheid en conversies mogelijk maakt.

Test A/B

Live demo

Bezoek de website van Enablement WKNDom de test A/B in actie te zien. In de video hieronder, ziet u alle drie variaties van Camping in West Australië getoond op de homepage via verschillende browsers.

Vereisten

Voordat u verder gaat met de proeffase, moet u controleren of u het volgende hebt voltooid:

  • integreer Adobe Target: Laat uw team toe om gepersonaliseerde inhoud centraal in AEM tot stand te brengen en te beheren en het als aanbiedingen in Adobe Target te activeren.
  • integreer Markeringen in Adobe Experience Platform: Staat uw team toe om JavaScript voor verpersoonlijking en gegevensinzameling te beheren en op te stellen zonder het moeten AEM code opnieuw opstellen.

Stappen op hoog niveau

Het installatieproces voor A/B-tests omvat zes hoofdstappen voor het maken en configureren van het experiment:

  1. creeer inhoudsvariaties in AEM
  2. de Uitvoer de variaties als aanbiedingen aan Adobe Target
  3. creeer een A/B testactiviteit in Adobe Target
  4. creeer en vorm een DataStream in Adobe Experience Platform
  5. werk het bezit van Markeringen met de uitbreiding van SDK van het Web bij
  6. verifieer de A/B testimplementatie op uw pagina's van AEM

Inhoudsvariaties maken in AEM

In dit voorbeeld, gebruikt u Camping in het Fragment van de Ervaring van West Australië (XF) van het project van AEM WKND om drie variaties tot stand te brengen, die op de WKND website homepage voor het testen A/B zullen worden gebruikt.

  1. In AEM, klik de kaart van de Fragmenten van de Ervaring 0}, navigeer aan Camping in West Australië , en klik uitgeven .
    Ervaringsfragmenten

  2. In de redacteur, onder de sectie van Variaties, klik creeert, en selecteert Verandering.
    creeer Variatie

  3. In creeer de dialoog van de Variatie:

    • Malplaatje: Het Malplaatje van de Variatie van het Web van het Fragment van de ervaring
    • Titel: Bijvoorbeeld, "van het Net"

    Klik Gedaan.

    creeer de Dialoog van de Variatie

  4. Auteur de variatie door de 1} component van het Teken van de hoofdvariatie te kopiëren, dan de inhoud (b.v., werk de titel en het beeld bij) aan.
    Variatie-1 van de Auteur

    note tip
    TIP
    U kunt gebruiken produceert Variatiesom nieuwe variaties van hoofdXF snel tot stand te brengen.
  5. Herhaal de stappen om een andere variatie tot stand te brengen (bijvoorbeeld "Wandering the Wild").
    Variatie-2 van de Auteur

    Er zijn nu drie ervaringsfragmentvariaties voor A/B-tests.

  6. Voordat u variaties weergeeft met Adobe Target, moet u het bestaande statische tasje verwijderen van de startpagina. Hiermee voorkomt u dubbele inhoud, aangezien de Experience Fragment-variaties dynamisch via Target worden geïnjecteerd.

    • Navigeer aan Engelse homepage /content/wknd/language-masters/en
    • In de redacteur, schrap Camping in de 1} lasercomponent van West Australië {.
      Schrap de Component van het Taser
  7. Leer de veranderingen in de V.S. > Engelse homepage (/content/wknd/us/en) uit om de updates te verspreiden.
    Veranderingen van de Uitvoer

  8. Publiceer de V.S. > Engelse homepage om de updates levend te maken.
    publiceer Homepage

De variaties als voorstellen exporteren naar Adobe Target

Exporteer de Experience Fragment-variaties zodat ze kunnen worden gebruikt als aanbiedingen in Adobe Target voor de A/B-test.

  1. In AEM, navigeer aan Camping in West Australië, selecteer de drie variaties, en klik Uitvoer aan Adobe Target.
    Uitvoer aan Adobe Target

  2. In Adobe Target, ga naar Aanbiedingen en bevestig de variaties zijn ingevoerd.
    Aanbiedingen in Adobe Target

Een testactiviteit A/B maken in Adobe Target

Maak nu een A/B-testactiviteit om het experiment op de startpagina uit te voeren.

  1. Installeer de Visuele het Uitgeven van Helper van Adobe Experience Clouduitbreiding van Chrome.

  2. In Adobe Target, navigeer aan Activiteiten en klik creeer Activiteit.
    creeer Activiteit

  3. In creeer A/B de dialoog van de Activiteit van de Test, ga het volgende in:

    • Type: Web
    • Composer: Visuele
    • Activiteit URL: b.v., https://wknd.enablementadobe.com/us/en.html

    Klik creëren.

    creeer A/B de Activiteit van de Test

  4. Wijzig de naam van de activiteit in iets zinvols (bijvoorbeeld "WKND Homepage A/B Test").
    noem Activiteit anders

  5. In Ervaring A, voeg de component van het Fragment van de Ervaring boven de Recente artikelen sectie toe.
    voeg de Component van het Fragment van de Ervaring toe

  6. In de componentendialoog, klik Uitgezocht een Aanbieding.
    Uitgezochte Aanbieding

  7. Kies Camping in de Westerse Australische variatie en klik toevoegen.
    Uitgezochte Camping in West Australië XF

  8. Herhaal voor Ervaring B en C, selecterend van het Net en het Wanderen van het Vrij respectievelijk.
    voeg Ervaring B en C toe

  9. In de het richten sectie, bevestig het verkeer gelijkmatig over alle ervaringen wordt verdeeld.
    Toewijzing van het Verkeer

  10. In Doelen & Montages, bepaal uw succes metrisch (b.v., klikt CTA op het Fragment van de Ervaring).
    Doelen Montages

  11. Klik activeren in de hoger-juiste hoek om de test te lanceren.
    activeer Activiteit

Een gegevensstroom maken en configureren in Adobe Experience Platform

Als u de Adobe Web SDK wilt verbinden met Adobe Target, maakt u een DataStream in Adobe Experience Platform. De DataStream doet dienst als verpletterende laag tussen het Web SDK en Adobe Target.

  1. In Adobe Experience Platform, navigeer aan Datastreams en klik Create DataStream.
    creeer Nieuwe DataStream

  2. In creeer de dialoog van DataStream, ga a Naam voor uw DataStream in en klik sparen.
    ga Naam DataStream in

  3. Zodra de DataStream wordt gecreeerd, klik voegt de Dienst toe.
    voegt de Dienst aan DataStream toe

  4. In voeg de stap van de Dienst toe, selecteer Adobe Target van dropdown en ga identiteitskaart van het Milieu van het Doel in. U kunt identiteitskaart van het Milieu van het Doel in Adobe Target onder Beleid vinden > Milieu's. Klik sparen om de dienst toe te voegen.
    vorm de Dienst van Adobe Target

  5. Herzie de gegevens DataStream om te verifiëren dat de dienst van Adobe Target vermeld en correct gevormd is.
    DataStream van het Overzicht

De eigenschap Codes bijwerken met de extensie Web SDK

Om verpersoonlijkings en gegevensinzamelingsgebeurtenissen van de pagina's van AEM te verzenden, voeg de uitbreiding van SDK van het Web aan uw bezit van Markeringen toe en vorm een regel die op paginading teweegbrengt.

  1. In Adobe Experience Platform, navigeer aan Markeringen en open het bezit u in creeerde integreer de Markeringen van Adobestap.
    Open het Bezit van Markeringen

  2. Van het linkermenu, klik Uitbreidingen, schakelaar aan het lusje van de Catalogus, en onderzoek naar SDK van het Web. Klik installeren in het rechterpaneel.
    installeer de Uitbreiding van SDK van het Web

  3. In installeer de dialoog van de Uitbreiding, selecteer Datastream u vroeger creeerde en klik sparen.
    Uitgezochte DataStream

  4. Na het installeren, verifieer dat zowel SDK van het Web van Adobe Experience Platform als de uitbreidingen van de Kern onder Geïnstalleerde tabel verschijnen.
    Geïnstalleerde Uitbreidingen

  5. Vervolgens configureert u een regel om de Web SDK-gebeurtenis te verzenden wanneer de bibliotheek wordt geladen. Navigeer aan Regels van het linkermenu en klik creeer Nieuwe Regel.

    creeer Nieuwe Regel

    note tip
    TIP
    Met een regel kunt u bepalen wanneer en hoe tags worden geactiveerd op basis van gebruikersinteracties of browsergebeurtenissen.
  6. In creeer het scherm van de Regel, ga een regelnaam (bijvoorbeeld, All Pages - Library Loaded - Send Event) in en klik + voegt onder de sectie van Gebeurtenissen toe.
    Naam van de Regel

  7. In de dialoog van de Configuratie van de Gebeurtenis:

    • Uitbreiding: Selecteer Kern
    • Type van Gebeurtenis: Selecteer Geladen Bibliotheek (de Boven van de Pagina)
    • Naam: Ga Core - Library Loaded (Page Top) binnen

    Klik houden Veranderingen om de gebeurtenis te bewaren.

    creeer de Regel van de Gebeurtenis

  8. Onder de sectie van Acties, klik + toevoegen om de actie te bepalen die voorkomt wanneer de gebeurtenis brandt.

  9. In de dialoog van de Configuratie van de Actie:

    • Uitbreiding: Selecteer SDK van het Web van Adobe Experience Platform
    • Type van Actie: Selecteer verzenden Gebeurtenis
    • Naam: Selecteer SDK van het Web van AEP - verzend Gebeurtenis

    vormen verzend de Actie van de Gebeurtenis

  10. In de 1} sectie van Personalization van het juiste paneel {, controleer visuele verpersoonlijkingsbesluiten optie teruggeven. Dan, klik houden Veranderingen om de actie te bewaren.
    creeer de Regel van de Actie

    note tip
    TIP
    Met deze actie wordt een AEP Web SDK-gebeurtenis verzonden wanneer de pagina wordt geladen, zodat Adobe Target gepersonaliseerde inhoud kan leveren.
  11. Herzie de voltooide regel en klik sparen.
    Regel van het Overzicht

  12. Om de veranderingen toe te passen, ga naar het Publiceren Stroom, voeg de bijgewerkte regel aan a Bibliotheek toe.
    publiceer de Bibliotheek van Markeringen

  13. Tot slot promoot de bibliotheek aan Productie.
    publiceer Markeringen aan Productie

De testimplementatie voor A/B op uw AEM-pagina's controleren

Nadat de activiteit actief is en de tagbibliotheek voor productie is gepubliceerd, kunt u de A/B-test op uw AEM-pagina's verifiëren.

  1. Bezoek de gepubliceerde plaats (bijvoorbeeld, website van Enablement WKND) en neem waar welke variatie wordt getoond. Probeer het vanuit een andere browser of een ander mobiel apparaat te openen om alternatieve variaties te zien.
    de Variaties van de Test van de Mening A/B

  2. Open de de ontwikkelaarshulpmiddelen van uw browser en controleer het Netwerk lusje. Filter op interact om de Web SDK-aanvraag te zoeken. Het verzoek zou de de gebeurtenisdetails van SDK van het Web moeten.

    Verzoek van het Netwerk van SDK van het Web

Het antwoord moet ook de personalisatiebesluiten van Adobe Target omvatten, waarin wordt aangegeven welke variatie is toegepast.
SDK van het Web Reactie

  1. Alternatief, kunt u de uitbreiding van Adobe Experience Platform DebuggerChrome gebruiken om de gebeurtenissen van SDK van het Web te inspecteren.
    Debugger van AEP

Live demo

Om de test A/B in actie te zien, bezoek de website van Enablement WKNDen neem waar hoe de verschillende variaties van het Fragment van de Ervaring op de homepage worden getoond.

Aanvullende bronnen

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69