[Integrazione]{class="badge positive"}
Creare una proprietà tag create-tag-property
[AEM Sites as a Cloud Service, AEM Sites 6.5]{class="badge informative"}
Scopri come creare una proprietà Tag con la configurazione minima da integrare con Adobe Experience Manager. Gli utenti vengono introdotti nell’interfaccia utente Tag e scopri le estensioni, le regole e i flussi di lavoro di pubblicazione.
Creazione di proprietà tag
La procedura seguente illustra come creare una proprietà Tag.
-
Nel browser, passa alla home page di Adobe Experience Cloud e accedi con Adobe ID.
-
Fare clic sull'applicazione Raccolta dati dalla sezione Accesso rapido della home page di Adobe Experience Cloud.
-
Fai clic sulla voce di menu Tag nell'area di navigazione a sinistra, quindi fai clic su Nuova proprietà nell'angolo in alto a destra.
-
Denomina la proprietà Tag utilizzando il campo obbligatorio Name. Per il campo Domini, immettere il nome di dominio o, se si utilizza l'ambiente AEM as a Cloud Service, immettere
adobeaemcloud.come fare clic su Salva.
Creare una nuova regola
Apri la proprietà Tag appena creata facendo clic sul nome nella visualizzazione Proprietà tag. Inoltre, sotto l'intestazione My Recent Activity dovresti vedere che l'estensione Core vi è stata aggiunta. L'estensione tag Core è l'estensione predefinita e fornisce tipi di eventi fondamentali come caricamento pagina, browser, modulo e altri tipi di eventi. Per ulteriori informazioni, consulta Panoramica dell'estensione Core.
Le regole ti consentono di specificare cosa deve accadere quando il visitatore interagisce con il tuo sito AEM. Per semplificare, registriamo due messaggi nella console del browser per dimostrare come l’integrazione dei tag di raccolta dati possa inserire codice JavaScript nel sito AEM senza aggiornare il codice del progetto AEM.
Per creare una regola, completa i passaggi seguenti.
-
Fai clic su Regole dalla sezione CREAZIONE della navigazione a sinistra, quindi fai clic su Crea nuova regola
-
Denomina la regola utilizzando il campo obbligatorio Name.
-
Fai clic su Aggiungi dalla sezione EVENTI, quindi nel modulo Configurazione evento, nel menu a discesa Tipo evento seleziona l'opzione Libreria caricata (parte superiore della pagina) e fai clic su Mantieni modifiche.
-
Fai clic su Aggiungi dalla sezione AZIONI, quindi nel modulo Configurazione azione, nel menu a discesa Tipo azione seleziona l'opzione Codice personalizzato e fai clic su Apri editor.
-
Nel modale Modifica codice, immetti il seguente snippet di codice JavaScript, quindi fai clic su Salva e infine su Mantieni modifiche.
code language-javascript console.log('Tags Property loaded, all set for...'); console.log('capabilities such as capturing data, conversion tracking and delivering unique and personalized experiences'); -
Fai clic su Salva per completare il processo di creazione della regola.
Aggiungi libreria e pubblicala
La proprietà tag Rules è attivata utilizzando una libreria. Considerarla come un pacchetto contenente codice JavaScript. Attiva la regola appena creata seguendo la procedura riportata di seguito.
-
Fai clic su Flusso di pubblicazione dalla sezione PUBBLICAZIONE nel menu di navigazione a sinistra, quindi fai clic su Aggiungi libreria
-
Assegna un nome alla libreria utilizzando il campo Nome e seleziona l'opzione Sviluppo(sviluppo) per il menu a discesa Ambiente.
-
Per selezionare tutte le risorse modificate dopo la creazione della proprietà Tag, fare clic su + Aggiungi tutte le risorse modificate. Questa azione aggiunge la regola appena creata e la risorsa dell’estensione core alla libreria. Infine, fare clic su Salva e genera in sviluppo.
-
Una volta creata la libreria per la corsia di nuoto Sviluppo, utilizzando puntini di sospensione, seleziona Invia per approvazione
-
Quindi nella corsia di nuoto Submitted utilizzando ellissi seleziona la Approve for Publishing, allo stesso modo Build & Publish to Production nella corsia di nuoto Approved.
Il passaggio precedente completa la semplice creazione della proprietà Tag che dispone di una regola per registrare un messaggio nella console del browser quando la pagina viene caricata. Anche la regola e l'estensione core vengono pubblicate creando una libreria.
Passaggi successivi
Connettere l’AEM con la proprietà Tag utilizzando IMS