Creare eventi per elementi cliccati

Un evento elemento cliccato traccia quando un visitatore anonimo o un contatto HubSpot fa clic su un elemento specifico sul tuo sito web. Gli eventi elemento cliccato possono essere creati in due modi:

• Installare e utilizzare l'estensione Chrome dell'evento
• Creare manualmente l'evento usando un ID, una classe o un selettore jQuery

Nota: l'accesso a questa funzione sarà ancora disponibile per gli account HubSpot con un abbonamento Sales Hub Enterprise o Service Hub Enterprise prima del 9 gennaio 2020.

Si consiglia di utilizzare l'estensione Chrome per eventi semplici cliccati come collegamenti ipertestuali e immagini. Per contenuti più complessi come le CTA, si raccomanda di creare l'evento manualmente.

Le situazioni in cui si potrebbe desiderare di tracciare usando gli eventi degli elementi cliccati includono:

• Un CTA demo gratuito viene cliccato.
• Un link per il download di un PDF viene cliccato.
• Viene cliccata un'immagine specifica di un prodotto nella pagina di quotazione del tuo prodotto.

Una volta che hai creato i tuoi eventi, impara come analizzare e gestire i completamenti degli eventi. Puoi anche creareeventi URL visitati,eventi modulo inviati ed eventi personalizzati.

Nota bene:Gli eventi dell'elemento cliccato possono essere creati e tracciati solo su pagine che hanno il tagHubSpot codice di monitoraggioinstallato.

Usa l'estensione Chrome di event

Installa l'estensione Chrome event

• Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
• Nel menu laterale sinistro, vai su Tracking & analytics > TrackingCode.
• Clicca su Installa l'estensione chrome dell'evento.
• Clicca suScarica.
• Sarai reindirizzato all'estensione HubSpot Analytics nel negozio web di Google Chrome. In alto a destra, clicca su Aggiungia Chrome.

• Nella finestra di dialogo, clicca su Addextension.
• Una volta che l'estensione è stata installata, apparirà come un'icona arancione a forma di ruota dentata nella barra degli strumenti del tuo browser Chrome.

Creare un evento con l'estensione di Chrome

• Naviga verso una pagina web con il tuo codice di monitoraggio HubSpot installato.
• Nella barra degli strumenti del tuo browser Chrome, fai clic sull'iconaarancione a forma di ruota dentata.
• Nella finestra di dialogo, clicca su Cercaun selettore.
• Fai clic su unelemento dellapagina per creare un evento per l'elemento cliccato. Nell'esempio qui sotto, l'evento dell'elemento cliccato traccerà i clic sul link degli aspetti chiave.

• Nella finestra di dialogo,ilselettore CSS dell'elemento verrà generato automaticamente. Inserisci un Nomeper l'evento e seleziona Tag(s) (opzionale) per raggruppare e trovarefacilmente l'evento in seguito.
• Fai clic su Submit.

• Dopo che l'evento è stato creato con successo, apparirà un messaggio di conferma. Fai clic su Visualizzaevento in HubSpot per visualizzare il nuovo evento dell'elemento cliccato nella tua dashboard degli eventi.

Nota benea seconda della complessità del markup HTML e CSS del tuo sito, l'estensione Chrome dell'evento potrebbe non essere in grado di rilevare un selettore CSS unico per un elemento. In questo caso, dovresti creare manualmente l'evento o aggiungere invece un tag id unico all'elemento.

Creare manualmente l'evento usando un ID, una classe o un selettore jQuery

• Nel tuo account HubSpot, naviga suRapporti > Strumenti di analisi dati.
• Fare clic su Comportamentale Eventi.
• In alto a destra, fare clic suCrea evento.

• Nel pannello di destra, imposta il tuo evento:
  • Inserisci unnome per l'evento.
  • Per raggruppare e identificare facilmente l'evento in seguito, fai clic sul menu a discesa Tag e seleziona o inserisci un tag.
  • Nella sezione Tipo di evento , selezionaElemento cliccato.
• Fai clic su Avanti.

• SelezionaID, ClassojQueryselettoreper puntaread un elemento da tracciare. Inserisci il relativo ID, Classeo selettore jQuery.
• Inserisci l'URL della pagina nel campo PageURL sevuoi che l'elemento sia tracciato solo come evento su quella specifica pagina.

• Fai clic su Save una volta finito.

Capire e recuperare i selettori degli elementi

ID

Un evento di elemento cliccato può identificare un elemento dal suo attributo ID e rilevare quando viene cliccato.

Per visualizzare l'ID di un elemento:

• Fare clic con il tasto destro del mouse sulla pagina con l'elemento che si sta prendendo di mira e selezionare Viewpage source o Inspect.
• Clicca sull'elemento. Dovresti essere in grado di vedere l'attributo ID nella linea di codice (ad esempio, id="unique-element-name").
• Copiate il valore dell'ID e incollatelo (ad esempio, in questo caso, unique-element-name) nel campo ID senza le virgolette.

Classe

Un evento di elemento cliccato può identificare un elemento dal suo attributo di classe e rilevare quando viene cliccato.

• Fare clic con il tasto destro del mouse sulla pagina con l'elemento che si sta prendendo di mira e selezionare Viewpage source oInspect.
• Clicca sull'elemento. Dovresti essere in grado di vedere l'attributo di classe nella linea di codice (ad esempio, class="unique-element-name").
• Copia il valore della classe e incollalo (ad esempio, in questo caso, unique-element-name) nel campo Class senza le virgolette.

Selettore jQuery

Puoi anche usare selettori jQuery completi per puntare agli elementi. Questo è utile se l'elemento che stai puntando non ha un ID o una classe, o se hai bisogno di essere più specifico. Per saperne di più suiselettori supportati.