Vorm bovenkant en bodem van paginagebeurtenissen in Web SDK
Wanneer u uw klanten persoonlijke ervaringen wilt bieden, is de laadtijd van een webpagina van essentieel belang.
Om de ladingstijden te optimaliseren en verpersoonlijking zo snel mogelijk te leveren, steunt SDK van het Web de configuratie van bovenkant en bodem van paginagebeurtenissen.
Boven en onder aan paginagebeurtenissen wordt een methode beschreven voor het asynchroon laden van verschillende elementen op de pagina, terwijl de laadtijd van de pagina tot een minimum wordt beperkt.
Deze configuratie minimaliseert de hoeveelheid tijd een gebruiker moet wachten tot de gepersonaliseerde inhoud wordt geladen.
Wat de meetnauwkeurigheid betreft, kan Adobe Analytics gebeurtenissen boven aan de pagina negeren. Dit leidt tot nauwkeurigere meetgegevens, aangezien slechts één paginakit wordt opgenomen (de onderkant van de paginagebeurtenis).
Gebruiksscenario’s use-cases
Een detailhandelaar in sportkleding wil hun klanten persoonlijke ervaringen bieden, terwijl de wrijving van de gebruiker bij het bezoeken van hun website tot een minimum wordt beperkt, terwijl hij tegelijkertijd de meetgegevens van de bezoeker nauwkeurig kan verzamelen.
Door bovenkant en bodem van paginagebeurtenissen in Web SDK te gebruiken, kan het marketing team hun verpersoonlijkingslevering op de meest optimale manier vormen:
- Web SDK verzendt een verpersoonlijkingsverzoek dat wordt geladen zodra de pagina begint te laden. Dit is een top van page-gebeurtenis.
- Wanneer de pagina klaar is met laden, wordt een gebeurtenis in de paginaweergave opgenomen. Dit gebeurt later tijdens het laden van de pagina. Dit is een onderkant van een paginagebeurtenis.
Boven aan pagina, gebeurtenisvoorbeeld top-of-page
De codesteekproef hieronder illustreert een bovenkant van de configuratie van de paginagebeurtenis die om verpersoonlijking verzoekt maar niet vertoningsgebeurtenissenvoor automatisch teruggegeven voorstellingen verzendt. De vertoningsgebeurtenissenzullen als deel van de bodem-van-pagina gebeurtenis worden verzonden.
code language-js |
---|
|
table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
---|---|---|
Paramter | Vereist/optioneel | Beschrijving |
type |
Vereist | Stel deze parameter in op decisioning.propositionFetch . Dit speciale gebeurtenistype instrueert Adobe Analytics deze gebeurtenis te laten vallen. Wanneer u Customer Journey Analytics gebruikt, kunt u ook een filter instellen om deze gebeurtenissen neer te zetten. |
renderDecisions |
Vereist | Stel deze parameter in op true . Deze parameter vertelt Web SDK om besluiten terug te geven die door de Edge Network zijn teruggekeerd. |
personalization.sendDisplayEvent |
Vereist | Stel deze parameter in op false . Hiermee voorkomt u dat weergavegebeurtenissen worden verzonden. |
Voorbeelden van gebeurtenissen onder aan pagina bottom-of-page
De codesteekproef hieronder illustreert een bodem van de configuratie van de paginagebeurtenis die vertoningsgebeurtenissen voor voorstellingen verzendt die automatisch op de pagina werden teruggegeven maar waarvoor de vertoningsgebeurtenissen in bovenkant van paginagebeurtenis werden onderdrukt.
note note |
---|
NOTE |
In dit scenario, moet u de bodem van paginagebeurtenis na de bovenkant van pagina één roepen. De onderzijde van de gebeurtenis page hoeft echter niet te wachten tot de bovenzijde van pagina één is voltooid. |
code language-js |
---|
|
table 0-row-3 1-row-3 2-row-3 | ||
---|---|---|
Parameter | Vereist/optioneel | Beschrijving |
personalization.includeRenderedPropositions |
Vereist | Stel deze parameter in op true . Hierdoor kunnen weergavegebeurtenissen worden verzonden die boven aan de paginagebeurtenis zijn onderdrukt. |
xdm |
Optioneel | Gebruik deze sectie om alle gegevens op te nemen die u onder aan de paginagebeurtenis nodig hebt. |
In het onderstaande codevoorbeeld ziet u een onderkant van de configuratie van een paginagebeurtenis die weergavegebeurtenissen verzendt voor voorstellen die handmatig op de pagina zijn weergegeven (bijvoorbeeld voor aangepaste beslissingsbereiken of oppervlakken).
note note |
---|
NOTE |
In dit scenario moet de onderkant van de paginagebeurtenis wachten tot de gebeurtenis boven aan de pagina is voltooid. Zo kunt u de voorstellen renderen en de onderkant van de paginagebeurtenis opnemen. |
code language-js |
---|
|
table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
---|---|---|
Paramter | Vereist/optioneel | Beschrijving |
xdm._experience.decisioning.propositions |
Vereist | Deze sectie bepaalt manueel teruggegeven voorstellingen. U moet de voorstelling ID , scope en scopeDetails opnemen. Zie de documentatie op hoe te verpersoonlijkingvoor meer informatie manueel teruggeven over hoe te om vertoningsgebeurtenissen voor manueel teruggegeven inhoud te registreren. Handmatig gerenderde verpersoonlijkingsinhoud moet onder aan de paginaklok worden opgenomen. |
xdm._experience.decisioning.propositionEventType |
Vereist | Stel deze parameter in op display: 1 . |
xdm |
Optioneel | Gebruik deze sectie om alle gegevens op te nemen die u onder aan de paginagebeurtenis nodig hebt. |
Toepassing van één pagina met bovenkant en onderste paginakijken spa-example
In het onderstaande voorbeeld wordt de parameter xdm.web.webPageDetails.viewName
toegevoegd. Dit is wat het tot één-paginatoepassing maakt. De viewName
in dit voorbeeld is de weergave die wordt geladen op de pagina die wordt geladen.
code language-js |
---|
|
In dit voorbeeld is het niet nodig om boven/onder pagina te splitsen, omdat de personalisatie voor de pagina al is opgehaald.
code language-js |
---|
|
Als u nog steeds de onderkant van een paginaklok moet vertragen, kunt u applyPropositions
gebruiken voor de bovenkant van een paginaklok. Aangezien geen verpersoonlijking moet worden opgehaald en geen Analytische gegevens moeten worden geregistreerd, is het niet nodig om een verzoek aan de Edge Network te richten.
code language-js |
---|
|
GitHub-voorbeeld github-sample
De steekproef die bij wordt gevonden dit adrestoont aan hoe te om Experience Platform en Web SDK te gebruiken om verpersoonlijking bij de bovenkant van de pagina te verzoeken, en analysemetriek bij de bodem te verzenden. U kunt het voorbeeld downloaden en lokaal uitvoeren om te begrijpen hoe boven- en onderaan pagina-gebeurtenissen werken.