Konfigurera stöd för webb-meddelanden i appen i Web SDK

Meddelanden i appen är meddelanden som du kan skicka till användare i ditt webbprogram och vägleda dem till specifika intressepunkter.

Du kan använda de här meddelandena för olika syften, till exempel för att marknadsföra nya funktioner, presentera specialerbjudanden eller för att underlätta användarnas introduktion.

Genom att använda meddelanden i appen kan ni effektivt interagera med era målgrupper och styra dem mot viktiga aspekter av er applikation.

Förhandskrav prerequisites

Tilläggsversion för Web SDK-tagg extension-version

Meddelandefunktionen i appen kräver den senaste versionen av taggtillägget Web SDK.

Konfigurera en CSP för webbmeddelanden i appen csp

När du konfigurerar Web In-App Messaging måste du ta med följande direktiv i din CSP:

default-src  blob:;

Mer information om hur du konfigurerar en CSP finns i dedikerad dokumentation.

Konfigurera webb-meddelanden i appen med hjälp av taggtillägget Web SDK tag-extension

Gå till konfigurationssidan för Web SDK-taggtillägget om du vill veta var du hittar de inställningar som beskrivs nedan.

När du har installerat Web SDK-taggtillägget följer du stegen nedan för att konfigurera tillägget för Web In-app Messaging.

Markera alternativet Enable personalization storage i avsnittet Personalization. Med det här alternativet kan Web SDK hålla reda på vilka upplevelser användaren har sett över sidinläsningar.

Meddelanden i appen stöder två typer av utlösare:

Se följande avsnitt för att konfigurera Web SDK-taggtillägget enligt de utlösare som du vill använda.

Konfigurationssteg för Send data to Platform-utlösaren send-data-platform

Välj taggegenskapen som innehåller ditt Web SDK-tillägg och skapa en ny regel med följande inställningar:

Sedan måste du lägga till en åtgärd i regeln som du skapade.

Sedan måste du lägga till den nyligen skapade regeln i taggegenskapsbiblioteket. Om du vill göra det går du till Publishing Flow och väljer regeln som du skapade tidigare.

När du har lagt till regeln i biblioteket väljer du Save & Build to Development.

Konfigurationsprocessen är nu slutförd och meddelandet är klart att visas för användarna.

Konfigurationssteg för att använda manuella utlösare manual-trigger

Välj taggegenskapen som innehåller ditt Web SDK-tillägg och skapa en ny regel med följande inställningar:

Sedan måste du lägga till en åtgärd i regeln som du skapade.

Sedan måste du lägga till den nyligen skapade regeln i taggegenskapsbiblioteket. Om du vill göra det går du till Publishing Flow och väljer regeln som du skapade tidigare.

När du har lagt till regeln i biblioteket väljer du Save & Build to Development.

Konfigurationsprocessen är nu slutförd och meddelandet är klart att visas för användarna.

Konfigurera Web In-App Messaging med Web SDK JavaScript-biblioteket js-library

Ett alternativ till att använda taggtillägget Web SDK är att konfigurera Web In-App Messaging direkt från JavaScript-biblioteket för Web SDK.

Du kan visa webb-i-app-meddelanden från Adobe Journey Optimizer på två sätt.

Metod 1: Hämta personaliseringsinnehåll automatiskt automatic

Om du vill att Web SDK automatiskt ska hämta personaliseringsinnehållet på sidan ska du använda kommandot sendEvent, vilket visas i exemplet nedan.

  alloy("sendEvent", {
      renderDecisions: true,
      personalization: {
          surfaces: ['#welcome']
      }
  });

Metod 2: Hämta personaliseringsinnehållet manuellt baserat på användaråtgärd manual

Om du bara vill visa personaliseringsinnehållet efter att användaren har utfört en viss åtgärd använder du kommandot evaluateRulesets enligt exemplet nedan.

I det här exemplet visas personaliseringsinnehållet när en användare klickar på knappen Buy Now på webbplatsen.

 alloy("evaluateRulesets", {
     renderDecisions: true,
     personalization: {
         decisionContext: {
             "userAction": "buy_now"
         }
     }
 });

Konfigurera personaliseringslagring personalization-storage

Du kan välja att visa meddelanden i appen för användarna ett visst antal gånger, eller varje gång de besöker en sida, via konfigurationsalternativet personalizationStorageEnabled.

I Web SDK-konfigurationen anger du alternativet personalizationStorageEnabled efter dina behov: