Adobe Target en Web SDK gebruiken voor personalisatie

Adobe Experience Platform Web SDK kan persoonlijke ervaringen die in Adobe Target worden beheerd, leveren en renderen naar het webkanaal. U kunt een redacteur gebruiken WYSIWYG, genoemd de Visuele Composer van de Ervaring(VEC), of een niet-visuele interface, de Op vorm-gebaseerde Composer van de Ervaring, om, uw activiteiten en verpersoonlijkingservaringen tot stand te brengen te activeren en te leveren.

IMPORTANT
Leer hoe te om uw implementatie van het Doel aan het Web SDK van het Platform met te migreren Migrate Doel van at.js 2.x aan het Web SDK van het Platformleerprogramma.
Leer hoe te om Doel voor het eerst met uit te voeren Adobe Experience Cloud met het leerprogramma van SDK van het Webuitvoert. Voor informatie specifiek voor Doel, zie de tutorial sectie getiteld Vastgestelde Doel van de Opstelling met het Web SDK van het Platform.

De volgende functies zijn getest en worden momenteel ondersteund in Target :

Web SDK systeemdiagram

In het volgende diagram krijgt u inzicht in de workflow voor het bepalen van randen in Target en Web SDK .

Diagram van de randbeslissing van Adobe Target met het Web SDK van het Platform

Bellen
Details
1
Het apparaat laadt de Web SDK . Web SDK verzendt een verzoek naar de Edge Network met XDM gegevens, milieu-id van Datastreams, overgegaan parameters, en (facultatieve) identiteitskaart van de Klant. De pagina (of containers) is vooraf verborgen.
2
De Edge Network stuurt het verzoek naar de Edge-services om deze te verrijken met de informatie over de bezoeker-id, toestemming en andere bezoekerscontext, zoals geolocatie en apparaatvriendelijke namen.
3
De Edge Network verzendt het verrijkte verpersoonlijkingsverzoek naar de Target rand met de bezoeker-id en doorgegeven parameters.
4
Profielscripts worden uitgevoerd en vervolgens opgenomen in de profielopslag van Target . De opslag van het profiel haalt segmenten van Audience Library (bijvoorbeeld, segmenten die van Adobe Analytics worden gedeeld, Adobe Audience Manager, Adobe Experience Platform).
5
Op basis van URL-aanvraagparameters en -profielgegevens bepaalt Target welke activiteiten en ervaringen moeten worden weergegeven voor de bezoeker voor de huidige paginaweergave en voor toekomstige vooraf ingestelde weergaven. Target stuurt dit vervolgens terug naar de Edge Network.
6
a. De Edge Network stuurt de verpersoonlijkingsreactie terug naar de pagina, eventueel met inbegrip van profielwaarden voor extra verpersoonlijking. Gepersonaliseerde inhoud op de huidige pagina wordt zo snel mogelijk weergegeven zonder flikkering van de standaardinhoud.
b. De gepersonaliseerde inhoud voor meningen die als resultaat van gebruikersacties in Één enkele Toepassing van de Pagina (SPA) worden getoond wordt in het voorgeheugen ondergebracht zodat kan het onmiddellijk zonder een extra servervraag worden toegepast wanneer de meningen worden teweeggebracht.
c. De Edge Network verzendt de bezoeker-id en andere waarden in cookies, zoals toestemming, sessie-id, identiteit, cookie-controle, personalisatie.
7
De SDK van het Web verzendt het bericht van het apparaat naar de Edge Network.
8
De Edge Network stuurt Analytics for Target (A4T) gegevens (metagegevens over activiteit, ervaring en omzetting) door naar de Analytics edge.

Adobe Target inschakelen

Ga als volgt te werk om Target in te schakelen:

  1. Laat Target in uw datastreammet de aangewezen cliëntcode toe.
  2. Voeg de optie renderDecisions toe aan uw gebeurtenissen.

Vervolgens kunt u desgewenst ook de volgende opties toevoegen:

  • decisionScopes: haal specifieke activiteiten op (handig voor activiteiten die zijn gemaakt met de op formulieren gebaseerde composer) door deze optie aan uw gebeurtenissen toe te voegen.
  • PreHide fragment: Verberg slechts bepaalde gedeelten van de pagina.

Adobe Target VEC gebruiken

Om VEC met a Web SDK implementatie te gebruiken, installeer en activeer of Firefoxof de HelperUitbreiding van ChromeVEC.

Voor meer informatie, zie de helperuitbreiding van de Composer van de Visuele Ervaringin de gids van Adobe Target.

Aangepaste inhoud renderen

Zie teruggevend verpersoonlijkingsinhoudvoor meer informatie.

Soorten publiek in XDM

Wanneer het bepalen van publiek voor uw Target activiteiten die via Web SDK worden geleverd, XDMmoet worden bepaald en worden gebruikt. Nadat u XDM schema's, klassen, en de groepen van het schemagebied bepaalt, kunt u een Target publieksregel tot stand brengen die door XDM gegevens voor het richten wordt bepaald. Binnen Target worden XDM-gegevens in de Audience Builder weergegeven als een aangepaste parameter. De XDM wordt geserialiseerd met behulp van puntnotatie (bijvoorbeeld web.webPageDetails.name ).

Als u Target -activiteiten hebt met vooraf gedefinieerd publiek dat aangepaste parameters of een gebruikersprofiel gebruikt, worden deze niet correct via de SDK geleverd. In plaats van aangepaste parameters of het gebruikersprofiel te gebruiken, moet u in plaats daarvan XDM gebruiken. Er is echter een out-of-the-box publiek dat zich richt op velden die worden ondersteund via de Web SDK en die geen XDM vereisen. Deze velden zijn beschikbaar in de gebruikersinterface van Target waarvoor geen XDM vereist is:

  • Doelbibliotheek
  • Geo
  • Netwerk
  • Besturingssysteem
  • Sitepagina's
  • Browser
  • verkeersbronnen
  • Tijdschema

Voor meer informatie, zie Categorieën voor publiekin de gids van Adobe Target.

Reactietokens

Reactietokens worden gebruikt om metagegevens naar derden, zoals Google of Facebook, te verzenden. Respontokens worden geretourneerd
in het meta -veld in propositions -> items . Hier volgt een voorbeeld:

{
  "id": "AT:eyJhY3Rpdml0eUlkIjoiMTI2NzM2IiwiZXhwZXJpZW5jZUlkIjoiMCJ9",
  "scope": "__view__",
  "scopeDetails": ...,
  "renderAttempted": true,
  "items": [
    {
      "id": "0",
      "schema": "https://ns.adobe.com/personalization/dom-action",
      "meta": {
        "experience.id": "0",
        "activity.id": "126736",
        "offer.name": "Default Content",
        "offer.id": "0"
      }
    }
  ]
}

Als u de reactietokens wilt verzamelen, moet u zich abonneren op alloy.sendEvent promise, propositions doorlopen en de details uit items -> meta extraheren.

Elke proposition heeft een renderAttempted booleaans veld dat aangeeft of de proposition is gerenderd of niet. Zie het onderstaande voorbeeld:

alloy("sendEvent",
  {
    "renderDecisions": true,
    "decisionScopes": [
      "hero-container"
    ]
  }).then(result => {
    const { propositions } = result;

    // filter rendered propositions
    const renderedPropositions = propositions.filter(proposition => proposition.renderAttempted === true);

    // collect the item metadata that represents the response tokens
    const collectMetaData = (items) => {
      return items.filter(item => item.meta !== undefined).map(item => item.meta);
    }

    const pageLoadResponseTokens = renderedPropositions
      .map(proposition => collectMetaData(proposition.items))
      .filter(e => e.length > 0)
      .flatMap(e => e);
  });

Wanneer automatische rendering is ingeschakeld, bevat de proposities-array:

Bij laden van pagina:

  • Op formulier gebaseerde composer propositions met renderAttempted -markering ingesteld op false
  • Op Visual Experience Composer gebaseerde voorstellingen waarbij de markering renderAttempted is ingesteld op true
  • Op Visual Experience Composer gebaseerde voorstellingen voor een weergave van één pagina-toepassing waarbij de markering renderAttempted is ingesteld op true

Bij weergave - wijzigen (voor weergaven in cache):

  • Op Visual Experience Composer gebaseerde voorstellingen voor een weergave van één pagina-toepassing waarbij de markering renderAttempted is ingesteld op true

Wanneer automatische rendering is uitgeschakeld, bevat de proposities-array:

Bij laden van pagina:

  • Form-based Composer -based propositions with renderAttempted -markering ingesteld op false
  • Visual Experience Composer -gebaseerde voorstellingen waarvoor de markering renderAttempted is ingesteld op false
  • Op Visual Experience Composer gebaseerde voorstellingen voor een toepassingsweergave van één pagina met de markering renderAttempted ingesteld op false

Bij weergave - wijzigen (voor weergaven in cache):

  • Op Visual Experience Composer gebaseerde voorstellingen voor een weergave van één pagina-toepassing waarbij de markering renderAttempted is ingesteld op false

Eén profiel bijwerken

Met Web SDK kunt u het profiel als een ervaringsgebeurtenis bijwerken naar het Target -profiel en Web SDK .

Als u een Target -profiel wilt bijwerken, moet u ervoor zorgen dat de profielgegevens worden doorgegeven met het volgende:

  • Onder "data {"
  • Onder "__adobe.target"
  • Voorvoegsel "profile."
Sleutel
Type
Beschrijving
renderDecisions
Boolean
Instrueert de personaliseringscomponent of het DOM acties zou moeten interpreteren
decisionScopes
Array <String>
Een lijst van werkingsgebied om besluiten voor terug te winnen
xdm
Object
Gegevens geformatteerd in XDM die in Web SDK als ervaringsgebeurtenis landen
data
Object
Willekeurige sleutel/waardeparen die naar Target oplossingen onder de doelklasse worden verzonden.

de reddingsProfiel van de vertraging of entiteitsparameters tot de inhoud aan het eind - gebruiker is getoond

Als u opnamekenmerken in het profiel wilt vertragen totdat de inhoud is weergegeven, stelt u data.adobe.target._save=false in uw verzoek in.

Uw website bevat bijvoorbeeld drie beslissingsbereiken die overeenkomen met drie categorielink op de website (Men, Vrouwen en Kinderen) en u wilt de categorie bijhouden die de gebruiker uiteindelijk heeft bezocht. Verzend deze aanvragen met de markering __save ingesteld op false om te voorkomen dat de categorie blijft bestaan op het moment dat de inhoud wordt opgevraagd. Nadat de inhoud is weergegeven, verzendt u de juiste lading (inclusief de eventToken en stateToken ) voor de overeenkomende kenmerken die moeten worden opgenomen.

In het onderstaande voorbeeld wordt een bericht in de stijl trackEvent verzonden, worden profielscripts uitgevoerd, worden kenmerken opgeslagen en wordt de gebeurtenis direct vastgelegd.

alloy("sendEvent", {
    "renderDecisions": true,
    "xdm": { /* Experience Event XDM data */ },
    "data": {
        "__adobe": {
            "target": {
                " __save": true|false,
                //defaults to true if omitted
                "profile.gender": "female",
                "profile.age": 30,
                "entity.name": "T-shirt",
                "entity.id": "1234"
            }
        }
    }
})
NOTE
Als de aanwijzing __save wordt weggelaten, gebeurt het opslaan van de profiel- en entiteitskenmerken direct. De instructie __save is alleen relevant voor profielkenmerken en entiteitsdetails.

Aanbevelingen aanvragen

In de volgende tabel worden de Recommendations -kenmerken weergegeven en wordt aangegeven of elk kenmerk wordt ondersteund via Web SDK :

Categorie
Kenmerk
Ondersteuningsstatus
Recommendations - Kenmerken van standaardentiteiten
entity.id
Ondersteund
entity.name
Ondersteund
entity.categoryId
Ondersteund
entity.pageUrl
Ondersteund
entity.thumbnailUrl
Ondersteund
entity.message
Ondersteund
entity.value
Ondersteund
entity.inventory
Ondersteund
entity.brand
Ondersteund
entity.margin
Ondersteund
entity.event.detailsOnly
Ondersteund
Recommendations - Aangepaste entiteitskenmerken
entity.yourCustomAttributeName
Ondersteund
Recommendations - Gereserveerde parameters mbox/page
excludeIds
Ondersteund
cartIds
Ondersteund
productPurchasedId
Ondersteund
Pagina of itemcategorie voor categorie affiniteit
user.categoryId
Ondersteund

hoe te om de attributen van Recommendations naar Adobe Target te verzenden:

alloy("sendEvent", {
  "renderDecisions": true,
  "data": {
    "__adobe": {
      "target": {
        "entity.id": "123",
        "entity.genre": "Drama"
      }
    }
  }
});

Mbox-omzettingscijfers weergeven display-mbox-conversion-metrics

In het onderstaande voorbeeld ziet u hoe u de conversies van weergavekaders kunt bijhouden en profielparameters naar Adobe Target kunt verzenden zonder dat u hiervoor in aanmerking hoeft te komen.

alloy("sendEvent", {
    "xdm": {
        "_experience": {
            "decisioning": {
                "propositions": [{
                    "scope": "conversion-step-1" //example scope name
                }],
                "propositionEventType": {
                    "display": 1
                }
            }
        },
        "eventType": "decisioning.propositionDisplay"
    }
});
Eigenschap
Beschrijving
xdm._experience.decisioning.propositions[x].scope
Het werkingsgebied om succesmetrisch met te associëren (die het aan een specifieke activiteit aan de kant van het Doel zal toeschrijven).
xdm._experience.decisioning.propositions[x].eventType
Een tekenreeks die het bedoelde gebeurtenistype beschrijft. Stel dit in op "decisioning.propositionDisplay" voor dit gebruik.

Foutopsporing

mboxTrace en mboxDebug zijn vervangen. Gebruik in plaats hiervan een methode van het zuiveren van SDK van het Web.

Terminologie

Voorstellen: in Adobe Target, correleert de voorstellen met de ervaring die van een Activiteit wordt geselecteerd.

Schema: het schema van een besluit is het type van aanbieding in Adobe Target.

Reikwijdte: het werkingsgebied van het besluit. In Adobe Target is het bereik de mBox. De algemene mBox is het __view__ bereik.

XDM: XDM wordt geserialiseerd in puntaantekening en dan gezet in Adobe Target als parameters mBox.

recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636