Journey Optimizer-webkanaal instellen met Web SDK
Leer hoe te om het het Webkanaal van Adobe Journey Optimizer đź”— uit te voeren gebruikend het Web SDK van Adobe Experience Platform. Deze les behandelt de fundamentele vereisten van het Webkanaal, gedetailleerde stappen voor configuratie, en een diepe duik in een gebruiksgeval dat op loyaliteitsstatus wordt gecentreerd.
In deze les zijn Journey Optimizer-gebruikers uitgerust om het webkanaal te gebruiken voor geavanceerde onlinepersonalisatie met de Journey Optimizer-webontwerper.
Leerdoelen
Aan het einde van deze les kunt u het volgende doen:
- Begrijp de functie en de betekenis van Web SDK in het leveren van de ervaring van het Webkanaal.
- Begrijp het proces van het creëren van een campagne van het Webkanaal van begin tot eind gebruikend het voorbeeld Luma Loyalty Rewards gebruiksgeval.
- Vorm campagneeigenschappen, acties, en programma's binnen de interface.
- Begrijp de functionaliteit en de voordelen van de extensie Adobe Experience Cloud Visual Editing Helper.
- Leer met de webontwerper de inhoud van webpagina's te bewerken, inclusief afbeeldingen, kopteksten en andere elementen.
- Leer hoe u voorstellen op een webpagina invoegt met de beslissingscomponent Voorstel.
- U vertrouwd maken met de beste praktijken om de kwaliteit en het succes van een webkanaalcampagne te garanderen.
Vereisten
Om de lessen in deze sectie te voltooien, moet u eerst:
-
Voltooi alle lessen voor aanvankelijke configuratie van het Web SDK van het Platform, met inbegrip van opstellings gegevenselementen en regels.
-
Zorg ervoor dat de extensie van de Adobe Experience Platform Web SDK 2.16 of hoger is.
-
Als u de Journey Optimizer-webontwerper gebruikt om uw webkanaalervaring te ontwerpen, moet u controleren of u de Google Chrome- of Microsoft® Edge-browsers gebruikt.
-
Zorg ook u hebt gedownload en Adobe Experience Cloud Visuele het Uitgeven de browser van de Helpertoegelaten.
-
Zorg ervoor dat cookies van derden zijn toegestaan in uw browser. Het kan nodig zijn om ook eventuele advertentieblokkers in uw browser uit te schakelen.
note caution CAUTION In de Journey Optimizer-webontwerper kunnen bepaalde websites om een van de volgende redenen niet betrouwbaar worden geopend: - De website heeft een streng beveiligingsbeleid.
- De website is ingesloten in een iframe.
- De QA- of werkgebiedsite van de klant is niet extern toegankelijk (het is een interne site).
-
Wanneer het creëren van Webervaringen en met inbegrip van inhoud van de bibliotheek van Adobe Experience Manager Assets Essentials, is het noodzakelijk om subdomain voor het publiceren van deze inhoudte vormen.
-
Als het gebruiken van de eigenschap van de inhoudstest, zorg ervoor dat uw Webdataset ook inbegrepen in uw rapporteringsconfiguratie is.
-
Momenteel worden twee typen implementaties ondersteund voor het maken en leveren van webkanaalcampagnes op uw wegeigenschappen:
- Alleen client: als u uw website wilt wijzigen, moet u de SDK van Adobe Experience Platform Web implementeren.
- Hybride modus: u kunt de API van de Platform Edge Network Server gebruiken om personalisatie op de server aan te vragen. De reactie van de API wordt dan verstrekt aan het Web SDK van Adobe Experience Platform voor het teruggeven van wijzigingen op de cliënt-kant. Raadpleeg de documentatie bij de Adobe Experience Platform Edge Network Server API voor meer informatie. In dit blogbericht vindt u meer details en implementatiemonsters voor de hybride modus.
note note NOTE Implementatie alleen op de server wordt momenteel niet ondersteund.
Terminologie
Ten eerste moet u de terminologie begrijpen die in webkanaalcampagnes wordt gebruikt.
- kanaal van het Web: Een middel voor mededeling of de levering van inhoud via het Web. In de context van deze handleiding verwijst het naar het mechanisme waarmee gepersonaliseerde inhoud wordt geleverd aan websitebezoekers die de Platform Web SDK, binnen Adobe Journey Optimizer gebruiken.
- oppervlakte van het Web: Verwijs naar een Webbezit dat door URL wordt geĂŻdentificeerd waar de inhoud wordt geleverd. Het kan Ă©Ă©n of meerdere Web-pagina's omvatten.
- het Webontwerper van Journey Optimizer: Een specifiek hulpmiddel of een interface binnen Journey Optimizer waar de gebruikers hun ervaringen van het Webkanaal kunnen ontwerpen.
- Adobe Experience Cloud Visuele het Uitgeven Helper: Een browser uitbreiding die in visueel het uitgeven van en het ontwerpen van de ervaringen van het Webkanaal bijstaat.
- Datastream: Een configuratie binnen de dienst van Adobe Experience Platform die ervoor zorgt dat de ervaringen van het Webkanaal kunnen worden geleverd.
- beleid van de Fusie: Een configuratie die de nauwkeurige activering en de publicatie van binnenkomende campagnes verzekert.
- Publiek: Een specifiek segment van gebruikers of plaatsbezoekers die aan bepaalde criteria voldoen.
- ontwerper van het Web: Een interface of een hulpmiddel dat in visueel het uitgeven van en het ontwerpen van Webervaringen zonder diep in code te duiken helpt.
- de redacteur van de Uitdrukking: Een hulpmiddel binnen de Webontwerper dat gebruikers toestaat om verpersoonlijking aan webinhoud toe te voegen, potentieel gebaseerd op gegevensattributen of andere criteria.
- de besluitvormingscomponent van de Aanbieding: Een component in de Webontwerper die in het beslissen helpt welke aanbieding het meest geschikt is om aan een specifieke bezoeker te worden getoond die op besluitvormingsbeheer wordt gebaseerd.
- experiment van de Inhoud: Een methode om verschillende inhoudsvariaties te testen om te weten te komen welke het best in termen van gewenste metrisch, zoals binnenkomende kliks presteert.
- Behandeling: In de context van inhoudexperimenten, verwijst een behandeling naar een specifieke variatie van inhoud die tegen een andere wordt getest.
- Simulatie: Een voorproefmechanisme om de ervaring van het Webkanaal te visualiseren alvorens het voor levend publiek te activeren.
De gegevensstroom configureren
U hebt de Adobe Experience Platform-service al toegevoegd aan uw gegevensstroom. Nu moet u de optie Adobe Journey Optimizer inschakelen zodat u webkanaalervaringen kunt aanbieden.
Adobe Journey Optimizer configureren in de gegevensstroom:
-
Ga naar de Inzameling van Gegevens{target=“blank”} interface.
-
Selecteer Datastreams bij de linkernavigatie.
-
Selecteer de eerder gemaakte Luma Web SDK-gegevensstroom.
-
Selecteer Edit in Adobe Experience Platform.
-
Schakel het selectievakje Adobe Journey Optimizer in.
-
Selecteer Save.
Dit zorgt ervoor dat binnenkomende gebeurtenissen voor Journey Optimizer correct door de Edge Network van Adobe Experience Platform worden behandeld.
Het samenvoegbeleid configureren
Zorg ervoor dat er een samenvoegbeleid is gedefinieerd met de optie Active-On-Edge Merge Policy ingeschakeld. Deze optie van het fusiebeleid wordt gebruikt door de inkomende kanalen van Journey Optimizer om de nauwkeurige activering en de publicatie van binnenkomende campagnes op de rand te verzekeren.
De optie configureren in het samenvoegbeleid:
-
Ga naar de pagina Customer > Profiles in de interface van het Experience Platform of Journey Optimizer.
-
Selecteer het tabblad Merge Policies.
-
Selecteer het beleid (u kunt het beste het Default Timebased beleid gebruiken) en schakel de optie Active-On-Edge Merge Policy in de stap Configure in of uit.
De webdataset configureren voor het experimenteren met inhoud
Als u inhoudstests wilt gebruiken in webkanaalcampagnes, moet u ervoor zorgen dat de gebruikte webdataset ook wordt opgenomen in uw rapportconfiguratie. Het Journey Optimizer-rapportagesysteem gebruikt de dataset op een alleen-lezen manier om rapporten voor het experimenteren met inhoud buiten de box te vullen.
het Toevoegen van datasets voor inhoudexperiment het melden is gedetailleerd in deze sectie.
Hoofdletters gebruiken - Loyalty's
In deze les, wordt een geval van het de gebruiks van de beloningen van de steekproefLoyalty gebruikt om implementatie van een ervaring van het Webkanaal in detail te beschrijven gebruikend SDK van het Web.
Met dit gebruiksgeval kunt u beter begrijpen hoe Journey Optimizer uw klanten de beste binnenkomende ervaringen kan bieden, door gebruik te maken van Journey Optimizer-campagnes en de webontwerper.
Aangezien deze zelfstudie gericht is op implementatoren, is het vermeldenswaard dat deze les substantieel interfacewerk in Journey Optimizer impliceert. Terwijl dergelijke interfacetaken typisch door marketers worden behandeld, kan het voor uitvoerders nuttig zijn om inzicht in het proces te krijgen, zelfs als zij typisch niet verantwoordelijk voor de verwezenlijking van de campagne van het Webkanaal zijn.
Loyalty Rewards-campagne maken
Nu u onze gegevens van de steekproefloyaliteit hebt gegeten en ons segment creeerde, creeer de het Webkanaalcampagne van Loyalty Rewards in Adobe Journey Optimizer.
De voorbeeldcampagne maken:
-
Open de Journey Optimizerinterface
note note NOTE Het schema, de datasets, en het publiek kunnen ook in de interface van Journey Optimizer worden gebouwd aangezien zij allen gemeenschappelijke Experience Platform bouwt. -
Ga naar Journey Management > Campaigns in de linkernavigatie
-
Klik op Create campaign rechtsboven.
-
Geef in de sectie Properties op hoe u de campagne wilt uitvoeren. Voor het de gebruikscase van de Beloningen van de Loyalty, kies Gepland.
-
Kies in de sectie Actions de optie Web channel . Als Web surface, uitgezochte Page URL.
note note NOTE Een weboppervlak verwijst naar een webeigenschap die wordt geĂŻdentificeerd door een URL waar inhoud wordt geleverd. De URL kan overeenkomen met Ă©Ă©n pagina of meerdere pagina's, zodat u wijzigingen kunt toepassen op een of meerdere webpagina's. -
Kies de optie Page URL Weboppervlak om de ervaring voor deze campagne op Ă©Ă©n pagina te implementeren. Voer de URL voor de pagina Luma in,
https://luma.enablementadobe.com/content/luma/us/en.html -
Selecteer Create wanneer het weboppervlak is gedefinieerd.
-
Voeg nu enkele aanvullende details toe aan de nieuwe webkanaalcampagne. Geef eerst de naam van de campagne. Roep het
Luma Loyalty Rewards – Gold Statusaan. U kunt desgewenst een beschrijving aan de campagne toevoegen. Voeg ook Tags toe om de algemene campagnetaxonomie te verbeteren.
-
Standaard is de campagne actief voor alle sitebezoekers. Voor de toepassing van dit gebruiksgeval mogen alleen leden met een goudstatus de ervaring zien. Klik op Select audience en kies het
Luma Loyalty Rewards – Gold Status-publiek om dit in te schakelen. -
Selecteer in het veld Identity namespace de naamruimte voor het identificeren van personen binnen het gekozen segment. Aangezien u de campagne op de plaats van de Luma opstelt, kunt u ECID namespace kiezen. Profielen in het publiek van
Luma Loyalty Rewards – Gold Statusdie de ECID-naamruimte tussen hun verschillende identiteiten niet hebben, worden niet aangeroepen door de webkanaalcampagne.
-
Plan de campagne om op de datum van vandaag te beginnen gebruikend de Campaign start optie, en in een week te eindigen gebruikend de Campaign end optie.
Experimenteer met Loyalty Rewards-inhoud
Als u omhoog scrolt, in de Action sectie, kunt u naar keuze een experiment tot stand brengen om uit te testen welke inhoud beter voor het Luma Loyalty Rewards – Gold Status publiek werkt. Laten we twee behandelingen maken en testen als onderdeel van de configuratie van de campagne.
U kunt als volgt het inhoudexperiment maken:
-
Klik op Create experiment.
-
Kies eerst een Success metric . Dit is de maatstaf voor het bepalen van de doeltreffendheid van inhoud. Kies Unique Inbound Clicks om te zien welke inhoudsbehandeling meer klikken op de webbeleving van CTA genereert.
-
Wanneer u een experiment instelt met gebruik van een webkanaal en de metriek Inbound Clicks , Unique Inbound Clicks , Page Views of Unique Page Views kiest, kunt u in de vervolgkeuzelijst Click Action klikken en weergaven op specifieke pagina's nauwkeurig bijhouden en controleren.
-
U kunt desgewenst een Holdout aanwijzen die geen van beide behandelingen ontvangt. Laat dit nu ongecontroleerd.
-
Kies desgewenst ook Distribute evenly . Schakel deze optie in om ervoor te zorgen dat de splitsingen van de behandeling altijd gelijkmatig zijn verdeeld.
Leer meer over inhoudsexperimenten in het Webkanaal van Adobe Journey Optimizer.
Inhoud bewerken met de visuele hulp
Nu, auteur de ervaring van het Webkanaal. Gebruik hiervoor de Adobe Experience Cloud Visual Helper . Dit gereedschap is een browserextensie die compatibel is met Google Chrome en Microsoft® Edge. Zorg ervoor dat u de extensie hebt gedownload voordat u uw ervaringen ontwikkelt. Zorg er ook voor dat de webpagina de Web SDK bevat.
-
Klik op Edit content op het tabblad Action van de campagne. Aangezien u Ă©Ă©n pagina-URL hebt ingevoerd als het oppervlak, kunt u beter beginnen te werken in de composer.
-
Klik nu op Edit web page om te beginnen met ontwerpen.
-
Begin door sommige elementen te bewerken met de webcomposer. Gebruik het contextmenu om de koptekst van de hoofdafbeelding van de Luma te bewerken. Pas de stijl van het contextafhankelijke venster aan de rechterkant aan.
-
Voeg ook personalisatie aan de container toe gebruikend Expression editor.
-
Zorg ervoor dat de ervaring correct voor kliks wordt gevolgd. Kies Click track element in het contextmenu.
-
Gebruik Offer decision component om aanbiedingen in te voegen in de webpagina. Deze component gebruikt Decision Management om de beste aanbieding voor Luministers te kiezen.
HTML-ontwerpwijzigingen
Er zijn een paar beschikbare methodes als u geavanceerdere, of douaneveranderingen in de plaats als component van de campagne van de Beloning van de Loyaliteit wilt aanbrengen.
Gebruik het deelvenster Components om HTML of andere inhoud rechtstreeks toe te voegen aan de Luministensite.
Voeg een nieuwe HTML-component toe boven aan de pagina. Bewerk de HTML in de component vanuit de ontwerpinterface of het deelvenster Contextual .
U kunt ook HTML-bewerkingen toevoegen vanuit het deelvenster Modifications . In dit deelvenster kunt u een component op de pagina selecteren en deze bewerken vanuit de ontwerpinterface.
Voeg in de editor de HTML voor het publiek van Luma Loyalty Rewards – Gold Status toe. Selecteer Validate.
Bekijk nu de nieuwe aangepaste HTML-component om deze passend te maken.
Bewerk een specifieke component met behulp van de CSS selector type -wijziging.
Voeg douanecode toe gebruikend de <head> type wijziging van de 1} Pagina.
De mogelijkheden zijn eindeloos gebruikend Visual Helper.
Loyalty Rewards-inhoud simuleren
Bekijk een voorvertoning van de gewijzigde webpagina voordat u de campagne activeert. Vergeet niet dat testprofielen moeten zijn geconfigureerd om webkanaalervaringen te simuleren.
U kunt als volgt de ervaring simuleren:
-
Selecteer Simulate content in de campagne.
-
Kies een testprofiel om de simulatie te ontvangen. Houd er rekening mee dat het testprofiel in het publiek van
Luma Loyalty Rewards – Gold Statusmoet staan om de juiste behandeling te krijgen. -
De voorvertoning wordt weergegeven voor het testprofiel.
De Loyalty Rewards-campagne activeren
Ten slotte activeert u de campagne voor het webkanaal.
-
Selecteer Overzicht om te activeren.
-
U wordt gevraagd de details van de campagne een laatste keer te bevestigen. Selecteer Activate. Het kan tot 15 minuten duren voordat de campagne live gaat op de site.
Loyalty Rewards QA
U kunt een aantal aanmeldingen gebruiken om gebruikers met de status "goud" te simuleren en in aanmerking te komen voor uw campagne:
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
U kunt het beste de tab Web van de live campagne- en algemene rapporten voor de specifieke KPI's voor de campagne volgen. Voor deze campagne bekijkt u de indruk dat u afbeeldingen ervaart en klikt u op Snelheid.
Webkanaalvalidatie met Adobe Experience Platform Debugger
Met de extensie Adobe Experience Platform Debugger, die beschikbaar is voor zowel Chrome als Firefox, worden uw webpagina's geanalyseerd om problemen vast te stellen bij de implementatie van Adobe Experience Cloud-oplossingen.
Met het foutopsporingsprogramma op de Luminasite kunt u de ervaring met het webkanaal tijdens de productie valideren. Dit is beste praktijken zodra de het gebruiksgeval van de Beloningen van de Loyalty in werking is, om ervoor te zorgen dat alles correct wordt gevormd.
Leer hoe te om debugger in uw browser te vormen gebruikend de gids hier.
De validatie starten met de foutopsporing:
- Navigeer met de webkanaalervaring naar de Luma-webpagina.
- Open de knop Adobe Experience Platform Debugger terwijl u zich op de webpagina bevindt.
- Navigeer aan Samenvatting. Controleer of de Datastream ID overeenkomt met de datastream in Adobe Data Collection waarvoor u Adobe Journey Optimizer hebt ingeschakeld.
- U kunt zich dan bij de plaats met diverse Luma loyaliteitsrekeningen aanmelden, en debugger gebruiken om de verzoeken te bevestigen die naar de Edge Network van Adobe Experience Platform worden verzonden.
- Navigeer onder Solutions naar de map Experience Platform Web SDK .
- Binnen het lusje van de Configuratie, knevel Enable Debugging. Hierdoor wordt het aanmelden voor de sessie binnen een Adobe Experience Platform Assurance -sessie ingeschakeld.
- Meld u met verschillende Luma-loyaliteitsaccounts aan bij de site en gebruik foutopsporing om de aanvragen te valideren die naar de Adobe Experience Platform Edge network zijn verzonden. Al deze aanvragen moeten in Assurance worden vastgelegd voor het bijhouden van logbestanden.