Vorm bovenkant en bodem van paginagebeurtenissen in SDK van het Web
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 het Web SDK 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 sportkleding die retailer wil maken, wil hun klanten persoonlijke ervaringen bieden en tegelijk de wrijving van de gebruiker bij het bezoeken van hun website minimaliseren, terwijl ze tegelijkertijd de meetgegevens van bezoekers nauwkeurig kunnen 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 vertoningsgebeurtenissen voor automatisch teruggegeven voorstellingen verzendt. De vertoningsgebeurtenissen zullen 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 te neerzetten. |
renderDecisions |
Vereist | Stel deze parameter in op true . Deze parameter vertelt Web SDK om besluiten terug te geven die door 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 pagina gebeurtenis 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 verpersoonlijking voor 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 er geen personalisatie hoeft te worden opgehaald en er geen analysegegevens hoeven te worden geregistreerd, is het niet nodig een verzoek in te dienen bij de Edge Network.
| code language-js |
|---|
|
GitHub-voorbeeld github-sample
De steekproef die bij wordt gevonden dit adres toont 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.