De oplossing testen
Om de oplossing van begin tot eind te testen, moeten weer-aanbiedingen.html en weer-verwant-aanbiedingen-script.js dossiers op een Webserver of een openbare ontvangende dienst zoals de Pagina's van Github worden ontvangen. Dit is nodig omdat:
- De geolocatie-API van de browser werkt alleen via HTTPS of localhost
Om de zaken georganiseerd te houden en relatieve wegen te verzekeren werken correct, adviseren wij de volgende omslagstructuur voor het ontvangen van de oplossing:
Beschikbare bestanden downloaden
De URL van het oppervlak in het JavaScript-bestand bijwerken
Open weather-related-offers-script.js en werk "web://yourdomain.com/weather/weather-offers.html#offerContainer" bt die yourdomain.com vervangt met het daadwerkelijke domein bij waar het dossier van HTML wordt ontvangen.
De eigenschap Adobe Experience Platform-tags bijwerken
Open het bestand weer-aanbiedingen.html in de teksteditor en vervang de scripttag door de scripttag van de Adobe Experience Platform-tageigenschap die u in de vorige stap van deze zelfstudie hebt gemaakt. Sla het bestand op
<script src="https://assets.adobedtm.com/AEM_TAGS/launch-ENabcd1234.min.js" async></script>
Wat de webpagina doet
Er is een webpagina gemaakt voor het testen van contextafhankelijk maken van functies met behulp van real-time temperatuurgegevens. Wanneer een gebruiker de pagina bezoekt, vraagt de browser om toegang tot de geolocatie. Op goedkeuring, haalt de pagina de huidige weerdetails-zoals temperatuur, voorwaarde, en stad-via OpenWeatherMap API. Deze contextuele gegevens worden weergegeven aan de gebruiker en naar Adobe Experience Platform verzonden met de Adobe Web SDK (Alloy).
De sendEvent vraag wordt gevormd met renderDecisions: vals, betekenend aanbiedingen die door Adobe Journey Optimizer zijn teruggekeerd worden manueel behandeld. Het manuscript verwerkt de beslissingsreactie, decodeert de inhoud, en neemt dynamisch de meest relevante aanbieding in een aangewezen container (#offerContainer) op.
Wat de JavaScript doet
De JavaScript haalt dynamisch weerinformatie op op basis van de locatie van de gebruiker en gebruikt Adobe Experience Platform (AEP) om persoonlijke aanbiedingen te leveren. Hier volgt een overzicht van de stappen:
-
wacht op Alloy om te laden
Het script zorgt ervoor dat de Adobe Web SDK (Alloy) volledig is geladen voordat er een verzoek tot personalisatie wordt ingediend.
-
krijgt de Plaats van de Gebruiker
De Geolocation-API van de browser wordt gebruikt om de huidige breedte en lengte van de gebruiker op te halen.
-
de Gegevens van het Weer van Vetsen
De OpenWeatherMap-API wordt aangeroepen om actuele weerdetails op te halen:
Temperatuur (in °F)
Weergavevoorwaarde (bijvoorbeeld "Regen", "Wissen")
Plaats
Vochtigheid
-
Info van het Weefsel van de Vertoning op de Web-pagina
Werkt het DOM bij met een bericht als:
"De huidige temperatuur in San Diego is 72°F met heldere luchten."
-
verzendt Weer Context aan AEP
Gebruikt legering("sendEvent") om contextafhankelijke weergegevens naar AEP te verzenden
code language-javascript xdm: { eventType: "decisioning.request", _techmarketingdemos: { temperature: temp, weatherConditions: condition, cityName: city } } -
wint en geeft Aanbiedingen terug
Ontvangt voorstellen die door AJO Decisioning zijn geretourneerd.
Decodeert de HTML-inhoud.
Injecteert de aanbiedingen dynamisch in de
element.