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-tagextensie extension-version
Voor de functionaliteit voor berichten via Web in-app 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 Web SDK-tagextensie tag-extension
Verwijs naar de pagina van de de marktextensieconfiguratie 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 het Berichten van het Web in-app te vormen.
Schakel in de sectie Personalization de optie Enable personalization storage in. Deze optie staat SDK van het Web toe om spoor te houden van welke ervaringen door de gebruiker over paginaladingen zijn gezien.
Het Web in-app Overseinen steunt twee types van trekkers:
Verwijs naar de volgende secties om de de marktextensie van SDK van het Web volgens de trekkers te vormen u wilt gebruiken.
Configuratiestappen voor de trigger Send data to 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 Add in de sectie Actions .
-
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 voor een specifiek element op de pagina in, herkenbaar aan een CSS-kiezer van uw keuze.
Vervolgens moet u een handeling toevoegen aan de regel die u hebt gemaakt.
-
Selecteer Add in de sectie Actions .
-
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 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 van het Web direct van de bibliotheek van SDK van het Web vormen JavaScript.
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 aanpassingsinhoud 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.