Show Menu
ARGOMENTI×

Utilizzo di Adobe Client Data Layer per integrare i componenti core e Adobe Analytics

Questo documento descrive come impostare una configurazione end-to-end basata su AEM, Adobe Client Data Layer, Adobe Launch e Adobe Analytics per tenere traccia di:
  • L'ID pagina memorizzato nel livello dati Adobe Client quando viene caricata una pagina
  • Percorso dell'immagine memorizzato in Adobe Client Data Layer quando si fa clic su un'immagine
Questo utilizza i componenti core come esempio, ma può essere utilizzato per i componenti personalizzati.

Passaggio 1 - Creazione della suite di rapporti in Adobe Analytics

Per aggregare e analizzare i dati, è prima necessario creare una suite di rapporti.
  1. Passa a https://analytics.adobe.com .
  2. Effettuate l'accesso con il vostro Adobe ID.
  3. Click the Analytics icon.
  4. Vai ad Admin -> Suite di rapporti.
  5. Fate clic su Crea nuovo -> Suite di rapporti.
  6. Compilare il modulo:
    1. ID suite per report : yourSuiteID
    2. Titolo sito: Your suite description
    3. Fuso orario: Se necessario
    4. Vai alla data in diretta: data odierna o, se del caso
    5. Viste stimate per pagina al giorno : 100 o
  7. Fate clic su Crea suite di rapporti.
In caso di esito positivo riceverai il seguente messaggio in verde: Report Suite <yourReportSuite> has been successfully created.

Passaggio 2 - Rendere la suite di rapporti visibile

Per utilizzare la nuova suite di rapporti, deve essere visibile.
  1. Passa a https://adminconsole.adobe.com .
  2. Effettuate l'accesso con il vostro Adobe ID.
  3. Fate clic sulla scheda Adobe Analytics - <yourSite>
  4. Fai clic sul collegamento Adobe Analytics - <yourSite>
  5. Select the Permissions tab
  6. Fate clic sul pulsante Modifica della riga Suite di rapporti
  7. Fate clic sul pulsante + della suite di rapporti creata nel passaggio 1 per aggiungerla alla categoria Elementi autorizzazione inclusi.
  8. Fai clic su Salva .

Passaggio 3 - Integrazione del sito AEM con Adobe Launch

Launch deve essere integrato con il sito AEM per generare dati.

Passaggio 4 - Installazione e configurazione dell’estensione Adobe Analytics in Adobe Launch

Adobe Analytics Extension consente l'integrazione di Analytics con Launch.
  1. In Adobe Launch, seleziona la nuova proprietà aggiunta creata al punto 3.
  2. Passate alla scheda Estensioni e selezionate Catalogo .
  3. Cercate Adobe Analytics .
  4. Fate clic su Installa .
  5. Configurare l’estensione.
    1. Immettete l'ID della suite di rapporti di Analytics creato nel passaggio 1 per gli ambienti appropriati
    2. Imposta set di caratteri su UTF-8
  6. Fai clic su Salva

Passaggio 5 - Crea un elemento dati in Adobe Launch per l’ID pagina

Per poter tenere traccia dell’ID pagina, in Launch è necessario un elemento dati.
  1. In Adobe Launch selezionate la proprietà creata al punto 3.
  2. Selezionate la scheda Elementi dati e fate clic su Aggiungi elemento dati:
    1. Nome : dl-page-id
    2. Estensione : Core
    3. Tipo elemento dati: Codice personalizzato
  3. Fare clic su Apri editor
  4. Nell’editor, immettete il codice: return adobeDataLayer.getState().page.id;
  5. Fai clic su Salva .
  6. Fate clic su Salva per creare l’elemento dati.

Passaggio 6 - Crea una regola in Adobe Launch per tenere traccia dell’ID pagina in Analytics

Le regole consentono il tracciamento degli attributi di navigazione come ID pagina in Analytics.
Ripetete i passaggi della parte 5b del documento Utilizzo di Adobe Client Data Layer per integrare i componenti core e Adobe Launch per aggiungere la regola seguente in Adobe Launch:
  • Nome : track-dl-page-id
  • EVENTI:
    • Estensione : Core
    • Tipo evento: Page Bottom
  • AZIONE 1:
    • Estensione : Adobe Analytics
    • Tipo azione: Imposta variabili
    • prop1 : %dl-page-id%
  • AZIONE 2:
    • Estensione : Adobe Analytics
    • Tipo azione: Invia beacon
    • Check s.t(): Inviare dati ad Adobe Analytics e trattarli come visualizzazione di pagina

Passaggio 7 - Crea una regola in Adobe Launch per registrare l’evento Click sull’immagine

Le regole consentono il tracciamento degli attributi di navigazione come gli eventi di clic in Analytics.
Ripetete i passaggi della parte 5b del documento Utilizzo di Adobe Client Data Layer per integrare i componenti core e Adobe Launch per aggiungere la regola seguente in Adobe Launch:
  • Nome : register-dl-image-click
  • EVENTI:
    • Estensione : Core
    • Tipo evento: Page Bottom
  • AZIONE 1:
    • Estensione : Core
    • Tipo azione: Codice personalizzato
    • Editor: Immettere il codice seguente
      var myListener = function(event) {
        _satellite.track('dlImageClicked', event.info.path);
      };
      adobeDataLayer.addEventListener('image clicked', myListener());
      
      

Passaggio 8 - Crea una regola in Adobe Launch per tenere traccia dell’evento Click sull’immagine in Analytics

Le regole consentono il tracciamento degli attributi di navigazione come gli eventi di clic in Analytics.
Ripetete i passaggi della parte 5b del documento Utilizzo di Adobe Client Data Layer per integrare i componenti core e Adobe Launch per aggiungere la regola seguente in Adobe Launch:
  • Nome : track-dl-image-click
  • EVENTI:
    • Estensione : Core
    • Tipo evento: Chiamata diretta
    • Identificatore : dlImageClicked
  • AZIONE 1:
    • Estensione : Adobe Analytics
    • Tipo azione: Imposta variabili
    • prop2 : Imposta come %event.detail%
  • AZIONE 2:
    • Estensione : Adobe Analytics
    • Tipo azione: Invia beacon
    • Check s.t(): Inviare dati ad Adobe Analytics e trattarli come visualizzazione di pagina

Passaggio 9 - Pubblicare il codice di avvio sul sito Web

Per abilitare il tracciamento di queste regole e proprietà in Launch, il codice deve essere pubblicato.
  1. Nella scheda Adobe Launch , selezionate la scheda Publishing .
  2. Fate clic su Aggiungi nuova libreria .
  3. Come nome immettete: data-layer-analytics-1 .
  4. In Ambiente selezionate Sviluppo (sviluppo) .
  5. Fate clic su Aggiungi tutte le risorse modificate.
  6. Per ciascuna delle tre regole ( track-dl-page-id , register-dl-image-click e track-dl-image-click ):
  7. Selezionare Regole > Regola > Ultime e fare clic su Seleziona e crea una nuova revisione .
  8. Fai clic su Salva e genera per sviluppo .

Passaggio 10: attiva la pagina per inviare informazioni ad Adobe Analytics

In questo passaggio si installa l'estensione Chrome Launch e DTM Switch . Con questa estensione è necessario solo creare e distribuire il codice Launch nell'ambiente di sviluppo. Non è necessario implementare gli ambienti Staging e Production.
  1. Installate l'estensione Chrome Launch e DTM Switch da Discovery.
  2. Fate clic sull'icona Avvia switch e impostate Debug su ON .
  3. Ricarica la pagina http://<host>:<port>/content/core-components-examples/library/image.html .
  4. Aprite la console del browser ed è possibile visualizzare una procedura simile a quella riportata di seguito.
Puoi anche installare l’estensione Experience Cloud Debugger per Chrome per visualizzare informazioni specifiche su Adobe Launch e Analytics.

Passaggio 11 - Visualizzare le informazioni rilevate in Adobe Analytics

Ora puoi visualizzare gli eventi attivati in Adobe Analytics.
  1. Passa a https://analytics.adobe.com .
  2. Effettuate l'accesso con il vostro Adobe ID.
  3. Click the Analytics icon.
  4. Select the Reports tab.
  5. Nel menu a discesa in alto a destra, selezionate la suite di rapporti creata nel passaggio 1.
  6. Nella prima colonna, selezionate Traffico personalizzato -> Traffico personalizzato 1-10 -> Custom Insight 1 per visualizzare gli ID pagina tracciati (percorsi) memorizzati nel Livello dati. Deve essere simile al seguente.
  7. Accedi a Custom Insight 2 per visualizzare i percorsi immagine tracciati memorizzati nel Livello dati. Deve essere simile al seguente.