Adobe Target instellen met Platform Web SDK

Leer hoe u Adobe Target implementeert met Adobe Experience Platform Web SDK. Leer hoe u ervaringen kunt bieden en hoe u extra parameters aan Target kunt doorgeven.

Adobe Targetis de toepassing van Adobe Experience Cloud die alles verstrekt u uw klanten' ervaring moet aanpassen en personaliseren, zodat kunt u opbrengst op uw Web en mobiele plaatsen, apps, en andere digitale kanalen maximaliseren.

SDK van het Web en het diagram van Adobe Target

Leerdoelstellingen

Aan het eind van deze les, kunt u het volgende met een implementatie van SDK van het Web van Doel doen:

  • Voeg het voorverborgen fragment toe om flikkering te voorkomen
  • Een gegevensstroom configureren om de functionaliteit Doel in te schakelen
  • Componentactiviteiten voor visuele beleving renderen
  • Activiteiten van formuliercomposers renderen
  • Geef XDM-gegevens door aan Doel en begrijp de toewijzing aan Doelparameters
  • Aangepaste gegevens aan doel doorgeven, zoals profiel- en entiteitsparameters
  • Een doelimplementatie valideren
  • Afzonderlijke personalisatieverzoeken van analyseverzoeken
TIP
Zie ons Doel van at.js 2.x aan het Web SDK van het Platformleerprogramma voor een geleidelijke gids migreren om uw bestaande implementatie te migreren at.js.

Vereisten

Om de lessen in deze sectie te voltooien, moet u eerst:

Flikkeringsafhandeling toevoegen

Bepaal voordat u begint of er een extra flikkerafhandelingsoplossing nodig is, afhankelijk van de manier waarop de tagbibliotheek is geladen.

NOTE
Dit leerprogramma gebruikt de website van de Luma, die een asynchrone implementatie van markeringen en het flikkeren matiging op zijn plaats heeft. Deze sectie is voor verwijzing om te begrijpen hoe de het flikkeren matiging met het Web SDK van het Platform werkt.

Asynchrone implementatie

Wanneer een tagbibliotheek asynchroon wordt geladen, kan de pagina de rendering voltooien voordat Target de standaardinhoud heeft vervangen door gepersonaliseerde inhoud. Dit gedrag kan leiden tot wat "flikkering"wordt genoemd, waar de standaardinhoud kort toont alvorens door de gepersonaliseerde inhoud wordt vervangen. Als u deze flikkering wilt vermijden, raadt de Adobe aan een speciaal vooraf verborgen fragment toe te voegen vlak voor de asynchrone code voor het insluiten van tags.

Dit fragment is al aanwezig op de Luma-site, maar laten we eens nader kijken om te begrijpen wat deze code doet:

<script>
  !function(e,a,n,t){var i=e.head;if(i){
  if (a) return;
  var o=e.createElement("style");
  o.id="alloy-prehiding",o.innerText=n,i.appendChild(o),setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}}
  (document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, ".personalization-container { opacity: 0 !important }", 3000);
</script>

Het vooraf verborgen fragment maakt een stijltag in de kop van de pagina met de CSS-definitie van uw keuze. Deze stijlmarkering wordt verwijderd wanneer een reactie van Doel wordt ontvangen, of de onderbreking wordt bereikt.

Het gedrag voor het voorverbergen wordt bepaald door twee configuraties helemaal aan het einde van het fragment.

  • body { opacity: 0 !important } geeft de CSS-definitie op die moet worden gebruikt voor het voorverbergen totdat Doel wordt geladen. Standaard is de hele pagina verborgen. U kunt deze definitie bijwerken naar de kiezers die u wilt voorverbergen en naar de manier waarop u deze wilt verbergen. U kunt meerdere definities opnemen, aangezien deze waarde eenvoudig is wat wordt ingevoegd in de stijl die u vooraf verbergt. Als u een gemakkelijk identificeerbaar containerelement hebt dat de inhoud onder uw navigatie verpakt, kunt u deze instelling gebruiken om het vooraf verbergen tot dat containerelement te beperken.
  • 3000 geeft de time-out op in milliseconden voor het voorverbergen. Als een reactie van Target niet vóór de time-out wordt ontvangen, wordt de stijltag die voor de gebeurtenis werd verborgen, verwijderd. Het bereiken van deze time-out moet zeldzaam zijn.
NOTE
Het pre-verbergende fragment voor het Web SDK van het Platform is lichtjes verschillend van dat gebruikt met het Doel at.js bibliotheek. Ben zeker om het correcte fragment voor het Web SDK van het Platform te gebruiken aangezien het een verschillende stijlidentiteitskaart van alloy-prehiding gebruikt. Als het voorverborgen fragment voor at.js wordt gebruikt, werkt het mogelijk niet correct.

Het voorverborgen fragment is ook beschikbaar binnen tags:

  1. Naar de sectie Extensions met tags gaan

  2. Selecteer Configure voor de Adobe Experience Platform Web SDK-extensie

  3. Selecteer de knop Copy pre-hiding snippet to clipboard

    het doel preverbergt fragment voor asynchrone implementaties

    note note
    NOTE
    Het standaard pre-verbergende fragment dat van de uitbreiding van SDK van het Web van het Platform wordt gekopieerd kan een CSS definitie omvatten die niet op uw plaats, zoals .personalization-container { opacity: 0 !important } bestaat. Controleer en wijzig het vooraf verborgen fragment op de juiste wijze voor uw site.

Synchrone implementatie

Adobe raadt u aan om tags asynchroon te implementeren, zoals op de Luministocatie wordt getoond. Als de tagbibliotheek echter synchroon wordt geladen, is het vooraf verborgen fragment niet vereist. In plaats daarvan, wordt de pre-verbergende stijl gespecificeerd in de de uitbreidingsmontages van SDK van het Web van het Platform.

De pre-verbergende stijl voor synchrone implementaties kan als volgt worden gevormd:

  1. Naar de sectie Extensions met tags gaan

  2. Selecteer de knop Configure voor de extensie Platform Web SDK

  3. Selecteer de knop Edit pre-hiding style

    het doel preverbergt fragment voor asynchrone implementaties

  4. Wijzig de CSS zodanig dat deze de kiezers bevat en de methoden verbergt die u wilt gebruiken, bijvoorbeeld: body { opacity: 0 !important } als u de volledige hoofdtekst van de pagina wilt voorverbergen.

  5. Uw wijzigingen opslaan en bouwen naar een bibliotheek

NOTE
De vooraf verborgen stijlinstelling is alleen bedoeld voor synchrone implementaties. Deze stijl moet leeg zijn of er moet commentaar op worden toegevoegd als u een asynchrone implementatie van tags gebruikt.

Om meer over te leren hoe SDK van het Web van het Platform flikkering kan leiden, kunt u naar de gids sectie verwijzen: die flikkering voor gepersonaliseerde ervaringenbeheert.

De gegevensstroom configureren

Het doel moet in de gegevensstroomconfiguratie worden toegelaten alvorens om het even welke activiteiten van het Doel door het Web SDK van het Platform kunnen worden geleverd.

Om Doel in de gegevensstroom te vormen:

  1. Ga naar de Inzameling van Gegevens{target=“blank”} interface

  2. Selecteer Datastreams bij de linkernavigatie

  3. Selecteer de eerder gemaakte Luma Web SDK: Development Environment datastream

    selecteer de datastream van SDK van het Web van Luma

  4. Selecteren Add Service
    voegt de dienst aan de datastream toe

  5. Selecteer Adobe Target als de Service

  6. Voer desgewenst de optionele details over uw doelimplementatie in volgens de onderstaande richtlijnen.

  7. Selecteren Save

    de configuratie van de gegevensstroom van het Doel

Eigenschappentoken

Klanten van Target Premium hebben de mogelijkheid om gebruikersmachtigingen te beheren met eigenschappen. Met de doeleigenschappen kunt u grenzen vaststellen waar gebruikers doelactiviteiten kunnen uitvoeren. Verwijs naar de sectie van de Toestemmingen van de Ondernemingvan de documentatie van het Doel voor details.

Om bezitstokens te plaatsen of te vinden, navigeer aan Adobe Target > Administration > Properties. Het pictogram </> geeft de implementatiecode weer. De at_property -waarde is de eigenschap token die u in de gegevensstroom zou gebruiken.

het bezitstoken van het Doel

Er kan slechts één eigenschapstoken per gegevensstroom worden opgegeven, maar met overschrijvingen van eigenschapstoken kunt u alternatieve eigenschapstokens opgeven ter vervanging van het primaire eigenschapstoken dat in de gegevensstroom is gedefinieerd. Een update van de handeling sendEvent is ook nodig om de gegevensstroom te overschrijven.

Lijst van de Identiteit

Id van doelomgeving

Milieu'sin de hulp van het Doel u uw implementatie door alle stadia van ontwikkeling beheert. Deze optionele instelling geeft aan welke doelomgeving u voor elke gegevensstroom wilt gebruiken.

De Adobe raadt aan om de ID van het Milieu van het Doel voor elk van uw ontwikkeling, het opvoeren, en productiegegevensstromen verschillend te plaatsen om dingen eenvoudig te houden. Alternatief, kunt u uw milieu's in de interface van het Doel organiseren gebruikend de gasthereneigenschap.

Om milieu IDs te plaatsen of te vinden, navigeer aan Adobe Target > Administration > Environments.

milieus van het Doel

NOTE
Als geen identiteitskaart van het Milieu van het Doel wordt gespecificeerd, dan wordt het milieu van het productieDoel verondersteld.

Doelnaamruimte voor id van derden

Met deze optionele instelling kunt u opgeven welk identiteitssymbool u wilt gebruiken voor de doel-id van derden. Het doel ondersteunt alleen profielsynchronisatie op één identiteitssymbool of naamruimte. Voor meer informatie, kunt u naar het in real time profiel verwijzen dat voor mbox3rdPartyIdsectie van de gids van het Doel synchroniseert.

De Symbolen van de Identiteit worden gevonden in de identiteitslijst onder Inzameling van Gegevens > Customer > Identities.

Lijst van de Identiteit

Voor dit leerprogramma dat de plaats van de Luma gebruikt, gebruik de opstelling van het Symbool van de Identiteit lumaCrmId tijdens de les over Identiteiten.

Besluiten over visuele personalisatie renderen

De visuele verpersoonlijkingsbesluiten verwijzen naar de ervaringen die in Adobe Target visuele ervaringscomposer worden gecreeerd. Eerst, zou u de terminologie moeten begrijpen die in het Doel wordt gebruikt en etiketteert interfaces:

  • Activiteit: Een reeks ervaringen die aan één of meerdere publiek wordt gericht. Een eenvoudige A/B-test kan bijvoorbeeld een activiteit zijn met twee ervaringen.
  • Ervaring: Een reeks acties die aan één of meerdere plaatsen worden gericht, of besluitvormingswerkingsgebied.
  • werkingsgebied van het Besluit: Een plaats waar een ervaring van het Doel wordt geleverd. Beslissingsbereik is gelijk aan "box" als u vertrouwd bent met het gebruik van oudere versies van Target.
  • besluit van Personalization: Een actie de server bepaalt zou moeten worden toegepast. Deze beslissingen kunnen gebaseerd zijn op publiekscriteria en prioritering van doelactiviteiten.
  • Propositie: Het resultaat van besluiten die door de server worden genomen, die in de reactie van SDK van het Web van het Platform worden geleverd. Bijvoorbeeld, zou het ruilen van een bannerbeeld een voorstel zijn.

De handeling Send event bijwerken

De visuele verpersoonlijkingsbesluiten van Doel worden geleverd door het Web SDK van het Platform, als het Doel in de datastream wordt toegelaten. Nochtans, worden zij niet automatisch teruggegeven. U moet de handeling Send event bijwerken om automatische rendering in te schakelen.

  1. In de 🔗 {target=“blank”} interface van de Inzameling van 0} Gegevens, open het markeringsbezit u voor dit leerprogramma gebruikt

  2. De regel all pages - library loaded - send event - 50 openen

  3. Selecteer de handeling Adobe Experience Platform Web SDK - Send event

  4. Render visual personalization decisions inschakelen met het selectievakje

    laat het teruggeven van visuele verpersoonlijkingsbesluiten toe

  5. Uw wijzigingen opslaan en vervolgens samenstellen in uw bibliotheek

Renderen visuele verpersoonlijkingsbesluiten die tot het Web SDK van het Platform automatisch om het even welke wijzigingen toepassen die gebruikend Composer van de Ervaring van het Doel Visuele of "globale mbox"werden gespecificeerd.

NOTE
Doorgaans mag de instelling Render visual personalization decisions alleen worden ingeschakeld voor één verzendgebeurtenis-actie per volledig geladen pagina. Als deze instelling is ingeschakeld voor meerdere Send Event-acties, worden daaropvolgende renderaanvragen genegeerd.

Als u deze beslissingen liever zelf rendert of activeert met behulp van aangepaste code, kunt u de instelling Render visual personalization decisions uitgeschakeld laten. De SDK van het Web van het platform is flexibel en verstrekt dit vermogen om u volledige controle te geven. U kunt naar de gids voor meer informatie over verwijzen manueel teruggevend gepersonaliseerde inhoud.

Opstelling een activiteit van het Doel met Visuele Composer van de Ervaring

Nu het basisgedeelte van de implementatie volledig is, creeer een Ervaring richtend (XT) activiteit in Doel om te bevestigen dat alles correct werkt. U kunt naar het leerprogramma van het Doel voor het creëren van Ervaring richten activiteitenverwijzen als u hulp nodig hebt.

NOTE
Als u Google Chrome als uw browser gebruikt, wordt de Visuele Composer van de Ervaring (VEC) helperuitbreidingvereist om de plaats behoorlijk voor het uitgeven in VEC te laden.
  1. Navigeren naar de Adobe Target-interface

  2. Een 'Experience Targeting'-activiteit maken met de Luma-homepage voor de activiteit-URL

    creeer een nieuwe XT activiteit

  3. Wijzig de pagina bijvoorbeeld, verander de tekst op de homepage hoofdbanner. Selecteer Save en vervolgens Next als u klaar bent.

    wijziging van doel VEC

  4. Werk de naam van de gebeurtenis bij en selecteer vervolgens Next .

    de updategebeurtenis van het Doel VEC

  5. Kies Adobe Analytics als rapporteringsbron met de aangewezen rapportreeks en de metrische Orden als doel

    van het Doel VEC rapporterend bron

    note note
    NOTE
    Als u Adobe Analytics dan niet gebruikt selecteer Doel als rapporteringsbron en kies verschillende metrisch zoals Betrokkenheid > de Kijken van de Pagina in plaats daarvan. Een doel metrisch wordt vereist om de activiteit te bewaren en voor te vertonen.
  6. De activiteit opslaan

  7. Als u op de hoogte bent van uw wijzigingen, kunt u uw activiteit activeren. Anders, als u de ervaring zou willen voorproef zonder u te activeren kunt kopiëren QA Voorproef URL.

  8. Laad de startpagina van de luminantie en u ziet dat de wijzigingen zijn toegepast

  9. Na een paar uur, zou u de activiteitsgegevens en omzettingen van het Doel in Adobe Analytics moeten kunnen zien. Verwijs naar de Gids van het Doel voor gedetailleerde informatie over Analytics voor Doel (A4T) dierapporteert.

Valideren met Foutopsporing

Als u een activiteit instelt, wordt de inhoud weergegeven op de pagina. Nochtans, zelfs als geen activiteiten levend zijn, kunt u de Send het netwerkvraag van de Gebeurtenis ook bekijken om te bevestigen dat het Doel behoorlijk wordt gevormd.

CAUTION
Als u Google Chrome gebruikt en de Visual Experience Composer (VEC) helperuitbreidinggeïnstalleerd hebt, zorg ervoor de Injecteer het plaatsen van de Bibliotheken van het Doel gehandicapt is. Als u deze instelling inschakelt, worden er extra aanvragen voor het doel ingediend.
  1. De browserextensie van het Adobe Experience Platform Debugger openen

  2. Ga naar de plaats van de de demo van de Lumaen gebruik debugger om het markeringsbezit op de plaats aan uw eigen ontwikkelingeigenschapte schakelen

  3. De pagina opnieuw laden

  4. Selecteer het gereedschap Network in het foutopsporingsprogramma

  5. Filteren op Experience Platform Web SDK

  6. Selecteer de waarde in de gebeurtenisrij voor de eerste aanroep

    vraag van het Netwerk in debugger van Adobe Experience Platform

  7. Er zijn toetsen onder query > personalization en decisionScopes hebben de waarde __view__ . Dit bereik komt overeen met het bereik target-global-mbox . Deze vraag van SDK van het Web van Platform vroeg besluiten van Doel.

    DecisionScope request

  8. Sluit de bedekking en selecteer de gebeurtenisdetails voor de tweede netwerkvraag. Deze vraag is slechts aanwezig als het Doel een activiteit terugkeerde.

  9. U ziet dat er details zijn over de activiteit en ervaring die door Target zijn geretourneerd. Deze vraag van SDK van het Web van Platform verzendt een bericht dat een activiteit van het Doel aan de gebruiker werd teruggegeven en verhoogt een indruk.

    de indruk van de Activiteit van het Doel

Een aangepast beslissingsbereik instellen en maken

Het besluitvormingswerkingsgebied van de douane (vroeger genoemd geworden "mboxes") kan worden gebruikt om HTML of inhoud JSON op een gestructureerde manier te leveren gebruikend de Vorm-Gebaseerde Composer van de Ervaring van het Doel. De inhoud die aan één van deze douanewerkingsgebied wordt geleverd wordt niet automatisch teruggegeven door het Web SDK van het Platform. Het kan worden teruggegeven gebruikend een actie in Markeringen.

Een bereik toevoegen aan de Send event action

Wijzig de regel voor het laden van de pagina om een aangepast beslissingsbereik toe te voegen:

  1. De regel all pages - library loaded - send event - 50 openen

  2. Selecteer de handeling Adobe Experience Platform Web SDK - Send Event

  3. Voeg een of meer bereiken toe die u wilt gebruiken. Gebruik homepage-hero voor dit voorbeeld.

    Eigen werkingsgebied

  4. Uw wijzigingen opslaan en samenstellen in uw bibliotheek

TIP
In deze zelfstudie gebruikt u één handmatig gedefinieerd bereik voor demonstratiedoeleinden. Als u besluit om verscheidene besluitvormingswerkingsgebied te gebruiken dat voor specifieke pagina's bedoeld is, dan zou u moeten overwegen gebruikend een gegevenselement dat een serie van werkingsgebied afhankelijk van de paginappad voorwaardelijk terugkeert. Deze benadering helpt uw implementatie eenvoudig en schaalbaar te houden.

De reactie van Doel verwerken

Nu u SDK van het Web van het Platform hebt gevormd om inhoud voor het homepage-hero werkingsgebied te verzoeken, moet u iets met de reactie doen. De de markeringsuitbreiding van SDK van het Web van het Platform verstrekt een Send Event Complete gebeurtenis, die kan worden gebruikt om een nieuwe regel onmiddellijk teweeg te brengen wanneer een reactie van een Send Event actie wordt ontvangen.

  1. Maak een regel met de naam homepage - send event complete - render homepage-hero .

  2. Voeg een gebeurtenis aan de regel toe. Gebruik de uitbreiding 0} van SDK van het Web van Adobe Experience Platform {en het ​ Send event complete​ gebeurtenistype.

  3. Voeg een voorwaarde toe om de regel tot de homepage van Luma (weg zonder vraagkoord evenaart /content/luma/us/en.html) te beperken.

  4. Voeg een handeling aan de regel toe. Gebruik de uitbreiding van SDK van het Web van 0} Adobe Experience Platform {en ben proposities actietype van toepassing.

    teruggeven homepage heldenregel

    note tip
    TIP
    Geef uw regelgebeurtenissen, -voorwaarden en -handelingen beschrijvende namen in plaats van de standaardnamen te gebruiken. De robuuste namen van de regelcomponent maken de onderzoeksresultaten veel nuttiger.
  5. Typ %event.propositions% in het veld Proposities terwijl we de gebeurtenis "Gebeurtenis verzenden voltooid" gebruiken als trigger voor deze regel.

  6. Selecteer in de sectie 'Metagegevens van voorstel' de optie Use a form

  7. Voor de invoer van het veld Scope homepage-hero

  8. Voor de invoer van het veld Selector div.heroimage

  9. Voor Action Type select Set HTML

  10. Selecteren Keep Changes

    geef homepage heldenactie terug

    Naast het renderen van de activiteit, moet u een extra vraag aan Doel richten om erop te wijzen dat de op vorm-gebaseerde activiteit heeft teruggegeven:

  11. Voeg een andere actie aan de regel toe. Gebruik de uitbreiding van de Kern en het Custom code actietype:

  12. Plak de volgende JavaScript-code:

    code language-javascript
    var propositions = event.propositions;
    var heroProposition;
    if (propositions) {
       // Find the hero proposition, if it exists.
       for (var i = 0; i < propositions.length; i++) {
          var proposition = propositions[i];
          if (proposition.scope === "homepage-hero") {
             heroProposition = proposition;
             break;
          }xw
       }
    }
    // Send a "display" event
    if (heroProposition !== undefined){
       alloy("sendEvent", {
          xdm: {
             eventType: "display",
             _experience: {
                decisioning: {
                   propositions: [{
                      id: heroProposition.id,
                      scope: heroProposition.scope,
                      scopeDetails: heroProposition.scopeDetails
                   }]
                }
             }
          }
       });
    }
    

    geef homepage heldenactie terug

  13. Selecteren Keep Changes

  14. Uw wijzigingen opslaan en samenstellen in uw bibliotheek

  15. Laad de startpagina Luma een paar keer, wat voldoende zou moeten zijn om het nieuwe homepage-hero beslissingsbereik te registreren in de interface Doel.

Een doelactiviteit instellen met de Form-based Experience Composer

Nu u een regel hebt om een gebied van de douanebeslissing manueel terug te geven, kunt u een andere Ervaring creëren richtend (XT) activiteit in Doel. Dit keer gebruikt u de Form-Based Experience Composer.

  1. Open Adobe Target

  2. De activiteit deactiveren die voor de vorige les wordt gebruikt

  3. Een Experience Targeting-activiteit (XT) maken met de optie Form-based Experience Composer

    creeer een nieuwe XT activiteit

  4. Selecteer de locatie homepage-hero in het vervolgkeuzemenu Locatie en Create HTML Offer in het vervolgkeuzemenu Inhoud. Als de locatie niet beschikbaar is, kunt u deze typen. Het doel vult periodiek nieuwe plaatsnamen na het ontvangen van verzoeken voor die plaats of werkingsgebied.

    creeer een nieuwe XT activiteit

  5. Plak de volgende code in het inhoudsvak. Deze code is een standaardhoofdbanner met een andere achtergrondafbeelding:

    code language-html
    <div class="we-HeroImage jumbotron" style="background-image: url('/content/luma/us/en/women/_jcr_content/root/hero_image.coreimg.jpeg');">
       <div class="container cq-dd-image">
          <div class="we-HeroImage-wrapper">
             <p class="h3">New Luma Yoga Collection</p>
             <strong class="we-HeroImage-title h1">Be active with style&nbsp;</strong>
             <p>
                <a class="btn btn-primary btn-action" href="/content/luma/us/en/products.html" role="button">Shop Now</a>
             </p>
          </div>
       </div>
    </div>
    
  6. Kies in de stap Goals & Settings Adobe Target als bron voor rapportage en Engagement > Page Views als doel

  7. De activiteit opslaan

  8. Als u op de hoogte bent van uw wijzigingen, kunt u uw activiteit activeren. Anders, als u de ervaring zou willen voorproef zonder u te activeren kunt kopiëren QA Voorproef URL.

  9. Laad de startpagina van de luminantie en u ziet dat de wijzigingen zijn toegepast

NOTE
Het doel van de conversie 'Aangeklikt op mbox' werkt niet automatisch. Omdat het Web SDK van het Platform niet automatisch douanewerkingsgebied teruggeeft, volgt het geen kliks aan plaatsen u verkiest om de inhoud toe te passen. Met de actie sendEvent kunt u voor elk bereik een eigen klikspatiëring maken door op de toepasselijke _experience -details te klikken eventType .

Valideren met Foutopsporing

Als u uw activiteit hebt geactiveerd, wordt de inhoud weergegeven op de pagina. Maar zelfs als er geen activiteiten actief zijn, kunt u ook naar de Send Event -netwerkaanroep kijken om te bevestigen dat Target inhoud aanvraagt voor uw aangepaste bereik.

  1. De Adobe Experience Platform Debugger-browserextensie openen

  2. Ga naar de plaats van de de demo van de Lumaen gebruik debugger om het markeringsbezit op de plaats aan uw eigen ontwikkelingeigenschapte schakelen

  3. De pagina opnieuw laden

  4. Selecteer het gereedschap Network in Foutopsporing

  5. Filteren op Adobe Experience Platform Web SDK

  6. Selecteer de waarde in de gebeurtenisrij voor de eerste aanroep

    vraag van het Netwerk in debugger van Adobe Experience Platform

  7. Er zijn toetsen onder query > personalization en decisionScopes met de waarde __view__ zoals eerder, maar nu is er ook een homepage-hero bereik opgenomen. Deze vraag van SDK van het Web van Platform verzocht om besluiten van Doel voor veranderingen die gebruikend VEC en de specifieke homepage-hero plaats worden aangebracht.

    DecisionScope request

  8. Sluit de bedekking en selecteer de gebeurtenisdetails voor de tweede netwerkvraag. Deze vraag is slechts aanwezig als het Doel een activiteit terugkeerde.

  9. U ziet dat er details zijn over de activiteit en ervaring die door Target zijn geretourneerd. Deze vraag van SDK van het Web van Platform verzendt een bericht dat een activiteit van het Doel aan de gebruiker werd teruggegeven en verhoogt een indruk. Deze actie is gestart door de aangepaste code-actie die u eerder hebt toegevoegd.

    de indruk van de Activiteit van het Doel

Parameters naar doel verzenden

In deze sectie, zult u specifiek doel-specifieke gegevens overgaan en een dichtere blik nemen bij hoe de gegevens XDM aan de parameters van het Doel in kaart worden gebracht.

Parameters pagina (mbox) en XDM

Alle gebieden XDM worden automatisch overgegaan tot Doel als paginaparametersof mbox parameters.

Sommige van deze XDM-velden worden toegewezen aan speciale objecten op de achtergrond van Target. web.webPageDetails.URL is bijvoorbeeld automatisch beschikbaar voor het maken van op URL gebaseerde doelvoorwaarden of als het page.url -object bij het maken van profielscripts.

U kunt ook paginaparameters toevoegen met het gegevensobject.

Speciale parameters en het gegevensobject

Er zijn enkele gegevenspunten die nuttig kunnen zijn voor Doel en die niet zijn toegewezen vanuit het XDM-object. Deze speciale doelparameters zijn onder meer:

Deze parameters moeten in het object data worden verzonden in plaats van in het object xdm . Bovendien kunnen pagina- (of mbox-)parameters ook in het data -object worden opgenomen.

Om het gegevensvoorwerp te bevolken, creeer het volgende gegevenselement, hergebruikend gegevenselementen die in worden gecreeerd gegevenselementenles creëren:

  • data.content gebruiken van de volgende douanecode:

    code language-javascript
    var data = {
       __adobe: {
          target: {
             "entity.id": _satellite.getVar("product.productInfo.sku"),
             "entity.name": _satellite.getVar("product.productInfo.title"),
             "profile.loggedIn": _satellite.getVar("user.profile.attributes.loggedIn"),
             "user.categoryId": _satellite.getVar("product.category")
          }
       }
    }
    return data;
    

De regel voor het laden van de pagina bijwerken

Als u aanvullende gegevens voor Doel buiten het XDM-object wilt doorgeven, moet u alle toepasselijke regels bijwerken. Voor dit voorbeeld, moet de enige wijziging u maken het nieuwe {gegevenselement 0} data.content aan de generische de regel van de paginalading en van de productpagina meningsregel omvatten.

  1. De regel all pages - library loaded - send event - 50 openen

  2. Selecteer de handeling Adobe Experience Platform Web SDK - Send event

  3. Het gegevenselement data.content toevoegen aan het veld Gegevens

    voeg de Gegevens van het Doel aan Regel toe

  4. Uw wijzigingen opslaan en samenstellen in uw bibliotheek

NOTE
In het bovenstaande voorbeeld wordt een data -object gebruikt dat niet op alle paginatypen volledig is ingevuld. Deze situatie wordt op de juiste wijze afgehandeld door labels en er worden sleutels weggelaten met een ongedefinieerde waarde. entity.id en entity.name worden bijvoorbeeld niet op pagina's doorgegeven, behalve op productdetails.

Personalization- en analyseverzoeken splitsen

De gegevenslaag op de Luminasite is volledig gedefinieerd voordat de tags code insluiten. Op deze manier kunnen we een enkele oproep doen om persoonlijke inhoud op te halen (bijvoorbeeld vanuit Adobe Target) en analysegegevens te verzenden (bijvoorbeeld naar Adobe Analytics).

Op vele websites, echter, kan de gegevenslaag niet vroeg genoeg of snel genoeg worden geladen om één enkele vraag voor beide toepassingen te gebruiken. In dergelijke situaties kunt u twee Send event -acties gebruiken voor één pagina die wordt geladen, de eerste acties voor personalisatie en de tweede acties voor analyse. Door de gebeurtenissen op deze manier op te splitsen, kan de verpersoonlijkingsgebeurtenis zo vroeg mogelijk worden geactiveerd, terwijl wordt gewacht tot de gegevenslaag volledig is geladen voordat de gebeurtenis Analytics wordt verzonden. Dit is vergelijkbaar met veel implementaties van SDK vóór het web, waarbij Adobe Target de target-global-mbox boven aan de pagina in brand zou steken en Adobe Analytics de s.t() -aanroep onder aan de pagina zou starten

Om verpersoonlijking-op-hoogste verzoek tot stand te brengen:

  1. De regel all pages - library loaded - send event - 50 openen

  2. Open verzenden gebeurtenis actie

  3. Selecteer Use guided events en selecteer vervolgens Request personalization

  4. Dit sluit het Type als Decisioning Proposition Fetch

    send_decisions_request_alone

U kunt als volgt het verzoek Analytics-on-bottom maken:

  1. Een nieuwe regel maken met de naam all pages - page bottom - send event - 50
  2. Voeg een gebeurtenis aan de regel toe. Gebruik de uitbreiding van de Kern en het Page Bottom gebeurtenistype
  3. Voeg een handeling aan de regel toe. Gebruik uitbreiding van SDK van het Web van 0} Adobe Experience Platform en verzenden gebeurtenis actietype
  4. Selecteer Use guided events en selecteer vervolgens Collect analytics
  5. Hierdoor wordt het selectievakje Include pending display notifications vergrendeld, zodat het weergavebericht in de wachtrij van het beslissingsverzoek wordt verzonden.

send_decisions_request_alone

TIP
Als de gebeurtenis u een Beslissende Voorziening voor ophaalt geen gebeurtenis van Adobe Analytics na het heeft gebruikt de Geleide gebeurtenisstijl Unguided - show all fields. U moet alle opties handmatig selecteren, maar hiermee wordt de optie automatically send a display notification samen met de aanvraag voor het ophalen ontgrendeld.

Valideren met Foutopsporing

Nu de regels zijn bijgewerkt, kunt u controleren of de gegevens correct worden doorgegeven met de Adobe Debugger.

  1. Navigeer aan de de demoplaats van de Lumaen login met e-mail test@adobe.com en wachtwoord test

  2. Naar de pagina met productdetails gaan

  3. Open debugger browser van Adobe Experience Platform uitbreiding en schakelaar het markeringsbezit aan uw eigen ontwikkelbezit

  4. De pagina opnieuw laden

  5. Selecteer het hulpmiddel van het Netwerk in Debugger en filter door het Web SDK van Adobe Experience Platform

  6. Selecteer de waarde in de gebeurtenisrij voor de eerste aanroep

  7. Er zijn toetsen onder data > __adobe > target en deze bevatten informatie over het product, de categorie en de aanmeldingsstatus.

    DecisionScope request

Valideren in de interface Doel

Daarna, kijk in de interface van het Doel om te bevestigen dat de gegevens werden ontvangen en beschikbaar om in publiek en activiteiten te gebruiken zijn. XDM-gegevens worden automatisch toegewezen aan aangepaste doelparameters. U kunt controleren of XDM-gegevens door Target zijn ontvangen en beschikbaar zijn door een publiek te maken.

  1. Open Adobe Target

  2. Navigeren naar de sectie Audiences

  3. Een publiek maken en het kenmerktype Custom kiezen

  4. Zoek in het veld Parameter naar web . In het vervolgkeuzemenu moeten alle XDM-velden worden ingevuld die betrekking hebben op de details van de webpagina.

    bevestigt in de douaneattributen van het Doel

Controleer vervolgens of het kenmerk voor het profiel van de aanmeldingsstatus is geslaagd.

  1. Het kenmerktype Visitor Profile kiezen

  2. Zoeken naar loggedIn . Als het kenmerk beschikbaar is in het vervolgkeuzemenu, wordt het kenmerk op de juiste wijze aan Doel doorgegeven. Het kan enkele minuten duren voordat nieuwe kenmerken beschikbaar zijn in de doelinterface.

    bevestigt in het profiel van het Doel

Als u Target Premium hebt, kunt u ook controleren of de eenheidgegevens correct zijn doorgegeven en de productgegevens naar de Recommendations-productcatalogus zijn geschreven.

  1. Navigeren naar de sectie Recommendations

  2. Selecteer Catalog Search in de linkerzijnavigatie

  3. Zoek naar product SKU of productnaam u eerder op de plaats van de Luma bezocht. Het product moet worden weergegeven in de productcatalogus. Het kan enige minuten duren voordat nieuwe producten doorzoekbaar zijn in de Recommendations-productcatalogus.

    bevestigt in het onderzoek van de de cataloguscatalogus van het Doel

Valideren met betrouwbaarheid

Bovendien kunt u Verzekering waar nodig gebruiken om de het besluitvormingsverzoeken van het Doel te bevestigen krijgen de correcte gegevens en dat om het even welke server zijtransformaties correct voorkomen. U kunt campagne en ervaringsinformatie ook bevestigen is bevat in de vraag van Adobe Analytics zelfs wanneer het besluit van het Doel en de vraag van Adobe Analytics afzonderlijk worden verzonden.

  1. Open Verzekering

  2. Start een nieuwe betrouwbaarheidssessie, voer de session name in en voer de base url in voor uw site of een andere pagina die u test

  3. Klikken Next

    bevestigt in verzekering nieuwe zitting

  4. Selecteer de verbindingsmethode, in dit geval gebruiken we copy link

  5. Kopieer de koppeling en plak deze in een nieuw browsertabblad

  6. Klikken Done

    bevestigt in verzekering verbindt door exemplaarverbinding

  7. Zodra uw Assurance-sessie wordt gestart, ziet u de gebeurtenissen die op het tabblad Gebeurtenissen worden gevuld

  8. Filteren op "tnta"

  9. Selecteer de meest recente vraag en breid de berichten uit om ervoor te zorgen het correct bevolkt en nota van de "tnta"waarden

    Valideer in het Actief van het betrouwbaarheidsdoel

  10. Vervolgens behoudt u het filter "tnta" en selecteert u de gebeurtenis analytics.mapping die plaatsvindt na de doelgebeurtenis die we net hebben weergegeven.

  11. Onderzoek "context.mappedQueryParams.Waarde &lt;yourSchemaName>" om te bevestigen dat het kenmerk "tnta" een samengevoegde tekenreeks bevat die overeenkomt met de "tnta"-waarden die zijn gevonden in de voorafgaande doelgebeurtenis.

    Valideer in de treffer van de Analytics van de Verzekering

Dit bevestigt dat de informatie A4T die voor recentere transmissie een rij werd gevormd toen wij de vraag van het doelbesluit maakten behoorlijk werd verzonden wanneer de analytische volgende vraag later op de pagina in brand werd gestoken.

Nu u deze les hebt voltooid zou u een werkende implementatie van Adobe Target moeten hebben gebruikend het Web SDK van het Platform.

Volgende:

NOTE
Bedankt dat u tijd hebt geïnvesteerd in het leren over de SDK van Adobe Experience Platform Web. Als u vragen hebt, algemene terugkoppelen wilt delen, of suggesties over toekomstige inhoud hebben, gelieve hen op deze Communautaire besprekingspost van de Experience League te delen
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4