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

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:

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:

  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 Add in de sectie Actions .
    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 voor een specifiek element op de pagina in, herkenbaar aan 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 Add in de sectie Actions .
    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 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.
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636