[Integrazione]{class="badge positive"}
Utilizzo dei tag tramite Adobe Developer Console
[AEM Sites 6.5]{class="badge informative"}
Prerequisiti
-
Istanza di creazione e pubblicazione AEM in esecuzione rispettivamente sulle porte localhost 4502 e 4503
-
Experience Cloud
-
Accesso al Adobe Experience Cloud delle organizzazioni -
https://<yourcompany>.experiencecloud.adobe.com -
Experience Cloud con le seguenti soluzioni
note note NOTE È necessario disporre delle autorizzazioni per sviluppare, approvare, Publish, gestire le estensioni e gestire gli ambienti nella raccolta dati. Se non riesci a completare nessuna di queste operazioni perché le opzioni dell’interfaccia utente non sono disponibili, rivolgiti al tuo amministratore Experience Cloud per richiedere l’accesso. Per ulteriori informazioni sulle autorizzazioni per i tag, consulta la documentazione.
-
-
Estensioni browser Chrome
- Adobe Experience Cloud Debugger(https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
Utenti interessati
Per questa integrazione, devono essere coinvolti i seguenti tipi di pubblico e, per eseguire alcune attività, potrebbe essere necessario l’accesso amministrativo.
- Sviluppatore
- Amministratore AEM
- Amministratore Experience Cloud
Introduzione
AEM offre un’integrazione pronta all’uso con i tag. Questa integrazione consente agli amministratori dell’AEM di configurare facilmente i tag tramite un’interfaccia di facile utilizzo, riducendo in tal modo il livello di sforzo e il numero di errori durante la configurazione di questi due strumenti. Inoltre, l’aggiunta dell’estensione Adobe Target ai tag ci aiuterà a utilizzare tutte le funzioni di Adobe Target nelle pagine web dell’AEM.
In questa sezione verranno descritti i seguenti passaggi dell’integrazione:
-
Tag
- Creare una proprietà di tag
- Aggiunta dell’estensione Target
- Creare un elemento dati
- Crea una regola di pagina
- Ambienti di configurazione
- Costruire e pubblicare
-
AEM
- Creazione di un Cloud Service
- Creare
Tag
Creare una proprietà di tag
Una proprietà è un contenitore che si riempie con estensioni, regole, elementi dati e librerie durante la distribuzione di tag nel sito.
- Accedi alle tue organizzazioni Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com) - Accedi con il tuo Adobe ID e accertati di essere nell’organizzazione corretta.
- Dal commutatore della soluzione, fai clic su Experience Platform, quindi sulla sezione Raccolta dati e seleziona Tag.
-
Accertati di essere nell’organizzazione corretta, quindi procedi con la creazione di una proprietà di tag.
Per ulteriori informazioni sulla creazione delle proprietà, vedere Creare una proprietà nella documentazione del prodotto.
-
Fai clic sul pulsante Nuova proprietà
-
Specifica un nome per la proprietà (ad esempio, esercitazione su Target AEM)
-
Come dominio, immetti localhost.com poiché è il dominio in cui è in esecuzione il sito demo WKND. Anche se il campo 'Dominio' è obbligatorio, la proprietà tags funzionerà in qualsiasi dominio in cui è implementato. Lo scopo principale di questo campo è precompilare le opzioni di menu nel Generatore di regole.
-
Fai clic sul pulsante Salva.
-
Apri la proprietà appena creata e fai clic sulla scheda Estensioni.
Aggiunta dell’estensione Target
L'estensione Adobe Target supporta implementazioni lato client tramite Target JavaScript SDK per il moderno Web, at.js. I clienti che usano ancora la libreria Target precedente, mbox.js, devono effettuare l'aggiornamento ad at.js per utilizzare i tag.
L’estensione Target è costituita da due parti principali:
-
La configurazione dell’estensione, che gestisce le impostazioni della libreria principale
-
Azioni di regola per eseguire le operazioni seguenti:
- Carica Target (at.js)
- Aggiungi parametri a tutte le mbox
- Aggiungi parametri a mbox globale
- Attiva mbox globale
-
In Estensioni puoi visualizzare l'elenco delle estensioni già installate per la proprietà dei tag. (Adobe Launch Core Extension è installato per impostazione predefinita)
-
Fai clic sull'opzione Catalogo estensioni e cerca Target nel filtro.
-
Seleziona la versione più recente di Adobe Target at.js e fai clic sull'opzione Installa.
-
Fai clic sul pulsante Configura e noterai la finestra di configurazione con le credenziali dell'account Target importate e la versione at.js per questa estensione.
Quando Target viene distribuito tramite codici di incorporamento di tag asincroni, è necessario codificare un frammento pre-hiding sulle pagine prima dei codici di incorporamento dei tag per gestire lo sfarfallio del contenuto. Ulteriori informazioni sul frammento pre-hiding saranno disponibili in seguito. Puoi scaricare il frammento pre-hiding qui
-
Fai clic su Salva per completare l'aggiunta dell'estensione Target alla proprietà dei tag. Ora dovresti essere in grado di visualizzare l'estensione Target elencata nell'elenco delle estensioni Installate.
-
Ripeti i passaggi precedenti per cercare l’estensione "Experience Cloud ID Service" e installarla.
Ambienti di configurazione
- Fai clic sulla scheda Ambiente per la proprietà del sito per visualizzare l'elenco degli ambienti creati per la proprietà del sito. Per impostazione predefinita, abbiamo un’istanza creata per lo sviluppo, la gestione temporanea e la produzione.
Costruire e pubblicare
-
Fai clic sulla scheda Pubblicazione per la proprietà del sito e creiamo una libreria per generare e distribuire le modifiche (elementi dati, regole) in un ambiente di sviluppo.
embed -
Publish: le modifiche apportate dallo sviluppo a un ambiente di staging.
embed -
Eseguire l'opzione Build per staging.
-
Una volta completata la compilazione, esegui Approve for Publishing, che sposta le modifiche da un ambiente di staging a un ambiente di produzione.
-
Infine, esegui l'opzione Genera e Publish alla produzione per inviare le modifiche alla produzione.
Adobe Experience Manager
- Crea l’integrazione IMS nell’AEM utilizzando le credenziali di Adobe Developer. (01:12 alle 03:55)
- In Raccolta dati, crea una proprietà. (ha coperto sopra)
- Utilizzando l’integrazione IMS del passaggio 1, crea l’integrazione dei tag per importare la proprietà tags.
- In AEM, mappa l’integrazione dei tag su un sito utilizzando la configurazione del browser. (05:28 alle 06:14)
- Convalida manualmente l’integrazione. (06:15 alle 06:33)
- Utilizzo del plug-in del browser Adobe Experience Cloud Debugger. (06:51 alle 07:22)
A questo punto, hai integrato correttamente AEM con Adobe Target utilizzando i tag come descritto nell'opzione 1.
Per utilizzare le offerte dei frammenti di esperienza AEM per potenziare le attività di personalizzazione, procedi al capitolo successivo e integra l’AEM con Adobe Target utilizzando i servizi cloud precedenti.