Show Menu
TOPICS×

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.