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.

IMPORTANT
Het Overseinen van het Web in-app is een Adobe Journey Optimizereigenschap, die het Web SDK gebruikt om de gepersonaliseerde inhoud te leveren.
Voor gedetailleerde instructies op hoe te om uw het Overseinen van het Web in-App campagne te vormen, zie de documentatie van Adobe Journey Optimizer.

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.

Beeld dat de optie van de verpersoonlijkingsopslag in de de configuratiepagina van de markeringsuitbreiding toont.

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:

  1. Extension: Core

  2. Event Type: Library Loaded (Page Top)

    Beeld dat het scherm van de gebeurtenisconfiguratie toont.

  3. Selecteer Keep Changes om de gebeurtenisconfiguratie op te slaan.

Vervolgens moet u een handeling toevoegen aan de regel die u hebt gemaakt.

  1. Selecteer Actions in de sectie Add .
    Beeld dat uitgeeft regelscherm.

  2. Gebruik de volgende Action -instellingen:

    • Extension: Adobe Experience Platform Web SDK

    • Action Type: Send event

      Beeld dat het scherm van de actieconfiguratie toont.

  3. Schakel rechts in het scherm in de sectie Personalization de optie Render visual personalization decisions in.
    Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

  4. 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.
    Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

  5. 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.

Beeld dat het bibliotheekscherm toont.

Nadat u de regel aan de bibliotheek hebt toegevoegd, selecteert u Save & Build to Development.

Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

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:

  1. Extension: Core

  2. Event Type: Click

  3. Stel de trigger in voor een specifiek element op de pagina dat wordt geïdentificeerd door een CSS-kiezer van uw keuze.

    Beeld dat het scherm van de gebeurtenisconfiguratie toont.

Vervolgens moet u een handeling toevoegen aan de regel die u hebt gemaakt.

  1. Selecteer Actions in de sectie Add .
    Beeld dat uitgeeft regelscherm.

  2. Gebruik de volgende Action -instellingen:

    • Extension: Adobe Experience Platform Web SDK

    • Action Type: Evaluate rulesets

      Beeld dat het scherm van de actieconfiguratie toont.

  3. Schakel rechts van het scherm de optie Render visual personalization decisions in.
    Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

  4. 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.
    Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

  5. 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.

Beeld dat het bibliotheekscherm toont.

Nadat u de regel aan de bibliotheek hebt toegevoegd, selecteert u Save & Build to Development.

Beeld dat het scherm van de verpersoonlijkingsconfiguratie toont.

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.
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636