Ondersteuning voor Web In-app Messaging in Web SDK configureren
In-app berichten zijn meldingen die u naar gebruikers in uw webtoepassing kunt sturen en die hen naar bepaalde aandachtspunten kunnen sturen.
U kunt deze meldingen voor verschillende doeleinden gebruiken, zoals het promoten van nieuwe functies, het aanbieden van speciale aanbiedingen of het vergemakkelijken van het aan boord nemen van gebruikers.
Door in-app berichten te gebruiken, kunt u effectief met uw publiek in gesprek gaan en hen naar belangrijke aspecten van uw toepassing sturen.
Vereisten prerequisites
Web SDK-extensie extension-version
Voor de functionaliteit voor berichten via webtoepassingen is de nieuwste versie van de Web SDK-tagextensie vereist.
Een CSP configureren voor web in-app berichten csp
Wanneer u het Overseinen van het Web in-Appvormt, moet u de volgende richtlijn in uw CSP omvatten:
default-src blob:;
Voor meer informatie over het vormen van CSP, zie de specifieke documentatie.
Webberichten in de app configureren met de SDK-tagextensie Web tag-extension
Verwijs naar de pagina van de de agentenconfiguratie van SDK van het Webom te begrijpen waar u de hieronder beschreven montages kunt vinden.
Nadat u 🔗 de de markeringsuitbreiding van SDK van het Web hebt geïnstalleerd, volg de stappen hieronder om de uitbreiding voor Web in-app Overseinen te vormen.
Schakel in de sectie Personalization de optie Enable personalization storage in. Met deze optie kan de SDK van het Web bijhouden welke ervaringen de gebruiker heeft gezien bij het laden van pagina's.
Het Web in-app Overseinen steunt twee types van trekkers:
Raadpleeg de volgende secties om de Web SDK-tagextensie te configureren op basis van de triggers die u wilt gebruiken.
Configuratiestappen voor de trigger Send data to Experience Platform send-data-platform
Selecteer het markeringsbezit dat uw uitbreiding van SDK van het Web bevat, en creeer een nieuwe regelmet de volgende montages:
-
Extension: Core
-
Event Type: Library Loaded (Page Top)
-
Selecteer Keep Changes om de gebeurtenisconfiguratie op te slaan.
Vervolgens moet u een handeling toevoegen aan de regel die u hebt gemaakt.
-
Selecteer Actions in de sectie Add .
-
Gebruik de volgende Action -instellingen:
-
Extension: Adobe Experience Platform Web SDK
-
Action Type: Send event
-
-
Schakel rechts in het scherm in de sectie Personalization de optie Render visual personalization decisions in.
-
Op de rechterkant van het scherm, in de Decision context sectie, bepaal de Key/ Value paren die u in uw campagneconfiguratie gebruikte, om voor het in-app bericht in aanmerking te komen.
-
Selecteer Keep Changes om uw configuratie op te slaan.
Vervolgens moet u de nieuwe regel toevoegen aan de bibliotheek met eigenschappen van de tag. Ga hiertoe naar Publishing Flow en selecteer de regel die u eerder hebt gemaakt.
Nadat u de regel aan de bibliotheek hebt toegevoegd, selecteert u Save & Build to Development.
Het configuratieproces is nu voltooid en uw bericht is klaar om aan uw gebruikers te worden getoond.
Configuratiestappen voor het gebruik van handmatige triggers manual-trigger
Selecteer het markeringsbezit dat uw uitbreiding van SDK van het Web bevat, en creeer een nieuwe regelmet de volgende montages:
-
Extension: Core
-
Event Type: Click
-
Stel de trigger in voor een specifiek element op de pagina dat wordt geïdentificeerd door een CSS-kiezer van uw keuze.
Vervolgens moet u een handeling toevoegen aan de regel die u hebt gemaakt.
-
Selecteer Actions in de sectie Add .
-
Gebruik de volgende Action -instellingen:
-
Extension: Adobe Experience Platform Web SDK
-
Action Type: Evaluate rulesets
-
-
Schakel rechts van het scherm de optie Render visual personalization decisions in.
-
Op de rechterkant van het scherm, in de Decision context sectie, bepaal de Key/ Value paren die u in uw campagneconfiguratie gebruikte, om voor het in-app bericht in aanmerking te komen.
-
Selecteer Keep Changes om uw configuratie op te slaan.
Vervolgens moet u de nieuwe regel toevoegen aan de bibliotheek met eigenschappen van de tag. Ga hiertoe naar Publishing Flow en selecteer de regel die u eerder hebt gemaakt.
Nadat u de regel aan de bibliotheek hebt toegevoegd, selecteert u Save & Build to Development.
Het configuratieproces is nu voltooid en uw bericht is klaar om aan uw gebruikers te worden getoond.
Webberichten in de app configureren met behulp van de Web SDK JavaScript-bibliotheek js-library
Als alternatief voor het gebruiken van de de markeringsuitbreiding van SDK van het Web, kunt u Web in-App Overseinen direct van de bibliotheek van SDK van het Web vormen.
U kunt binnen-app berichten van Adobe Journey Optimizer op twee manieren weergeven.
Methode 1: hiermee wordt de inhoud van de personalisatie automatisch opgehaald automatic
Als u wilt dat Web SDK de personalisatie-inhoud automatisch ophaalt bij het laden van de pagina, gebruikt u de opdracht sendEvent
, zoals in het onderstaande voorbeeld wordt getoond.
alloy("sendEvent", {
renderDecisions: true,
personalization: {
surfaces: ['#welcome']
}
});
Methode 2: hiermee wordt de inhoud van de personalisatie handmatig opgehaald op basis van gebruikersactie manual
Als u de verpersoonlijkingsinhoud alleen wilt weergeven nadat de gebruiker een specifieke handeling heeft uitgevoerd, gebruikt u de opdracht evaluateRulesets
, zoals in het onderstaande voorbeeld wordt getoond.
In dit voorbeeld wordt de personalisatie-inhoud weergegeven wanneer een gebruiker op de knop Buy Now op uw website klikt.
alloy("evaluateRulesets", {
renderDecisions: true,
personalization: {
decisionContext: {
"userAction": "buy_now"
}
}
});
Opslag voor personalisatie configureren personalization-storage
Met de configuratieoptie personalizationStorageEnabled
kunt u ervoor kiezen om in-app berichten voor een bepaald aantal keren of telkens wanneer gebruikers een pagina bezoeken, weer te geven.
In de configuratie van SDK van het Webplaats de personalizationStorageEnabled
optie volgens uw behoeften:
personalizationStorageEnabled: true
brengt het in-app bericht met de frequentie teweeg u in de campagne van Adobe Journey Optimizerbepaalde.personalizationStorageEnabled: false
activeert het bericht in de app bij het laden van elke pagina.