Inviare dati Adobe Client Data Layer con il Web SDK

• ACDL è installato nelle tue pagine.
• Il codice e la libreria 🔗 di base del Web SDK sono installati e il Web SDK è configurato con datastream.

Il codice di base di Web SDK mette in coda i comandi fino al caricamento della relativa libreria e ACDL mette in coda gli elementi fino al caricamento della relativa libreria. A causa di queste code, è possibile aggiungere il codice in questa pagina in qualsiasi punto dopo il codice di base di Web SDK, indipendentemente dalla libreria che viene caricata per prima.

• L’estensione ACDL è installata e configurata nella proprietà tag.
• L’estensione Web SDK è installata e configurata con datastream.

Ascolta l’evento e chiama sendEvent:

window.adobeDataLayer = window.adobeDataLayer || [];

function sendPageView(event) {
  alloy("sendEvent", {
    xdm: {
      eventType: "web.webpagedetails.pageViews",
      web: {
        webPageDetails: {
          name: event.page.title,
          pageViews: { value: 1 }
        }
      }
    }
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendPageView);
});

Per tutte le opzioni del listener, vedere addEventListener().

1. Creare un elemento dati Variable con estensione Web SDK. Seleziona XDM, quindi seleziona la sandbox e lo schema. In questo esempio viene denominato l’elemento dati XDM variable.

2. Crea una regola e aggiungi un evento:

   • Estensione: Adobe Client Data Layer
   • Tipo evento: Push livello dati
   • Triggers su: Eventi denominati specifici, con nome evento page view
   • Ambito temporale: Tutti

3. Aggiungi un’azione che riempie l’oggetto XDM:

   • Estensione: Adobe Experience Platform Web SDK
   • Tipo azione: Aggiorna variabile
   • Elemento dati: XDM variable
   • Impostare web.webPageDetails.name su %event.message.page.title% e web.webPageDetails.pageViews.value su 1.

4. Aggiungi un’azione che invia l’evento:

   • Estensione: Adobe Experience Platform Web SDK
   • Tipo azione: Invia evento
   • Tipo: web.webpagedetails.pageViews
   • XDM: %XDM variable%

5. Salva la regola, aggiungila a una libreria e genera la libreria.

Per tutte le opzioni evento, vedi Push livello dati.

function sendWithDataPrep(event) {
  alloy("sendEvent", {
    xdm: { eventType: "web.webpagedetails.pageViews" },
    data: this.getState()
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendWithDataPrep);
});

All’interno di un listener ACDL, this fa riferimento al livello dati, quindi this.getState() restituisce lo stato calcolato. Per inviarne solo una parte, passare un percorso, ad esempio this.getState("page").

1. Crea un elemento dati Stato calcolato del livello dati con estensione ACDL. Selezionare Tutto lo stato calcolato oppure selezionare Percorso specifico e immettere il percorso dei dati da inviare. In questo esempio viene denominato l’elemento dati ACDL state.

2. Crea una regola con lo stesso evento Data Layer push di Send XDM data.

3. Aggiungi un’azione Invia evento dall’estensione Web SDK:

   • Tipo: web.webpagedetails.pageViews
   • Dati: %ACDL state%

4. Salva la regola, aggiungila a una libreria e genera la libreria.

Cancella la cronologia alla fine del listener di visualizzazione della pagina:

function sendPageView(event) {
  alloy("sendEvent", { /* ... */ });
  this.length = 0;
}

Vedere Cancella cronologia.