Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Analytics Tools

Creare eventi per elementi cliccati

Ultimo aggiornamento: giugno 3, 2021

Si applica a:

Marketing Hub Enterprisee

Un evento elemento cliccato traccia quando un visitatore anonimo o un contatto HubSpot fa clic su un elemento specifico sul tuo sito web. Per esempio, traccia quando viene cliccato un CTA per una demo gratuita o un link per il download di un PDF. Gli eventi elemento cliccato possono essere creati e monitorati solo sulle pagine che hanno il codice di tracciamento HubSpot installato.

Si prega di notare:

  • Le istruzioni in questo articolo sono per il nuovo strumento di eventi comportamentali personalizzati, che sostituisce il precedente strumento di eventi comportamentali. Tutti gli eventi creati nello strumento precedente continueranno a funzionare e potrai ancora gestire e analizzare questi eventi nello strumento precedente.
  • Gli eventi legacy non possono essere migrati al nuovo strumento eventi. Invece, si raccomanda di ricreare i tuoi eventi legacy nel nuovo strumento, poiché i nuovi eventi personalizzati forniscono una maggiore flessibilità con le proprietà degli eventi. Per esempio, con gli eventi precedenti avresti dovuto creare più eventi per tracciare campagne separate, ma ora un singolo evento comportamentale personalizzato può tracciare più campagne.

Gli eventi degli elementi cliccati possono essere creati in due modi:

Una volta che hai creato i tuoi eventi, impara come analizzare gli eventi negli strumenti di analisi e reporting. Puoi anche creare eventi URL visitati edeventi personalizzati.

Creare eventi per elementi cliccati con l'estensione Chrome

Installa l'estensione Chrome per gli eventi

  • Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
  • Nel menu laterale sinistro, vai a Tracking & analytics > TrackingCode.
  • Clicca su Installa l'estensione chrome event.
  • 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 a una pagina web con il tuo codice di monitoraggio HubSpot installato.
  • Nella barra degli strumenti del tuo browser Chrome, clicca sullaruota dentata icona della ruota dentata.
  • Nella finestra di dialogo, selezionaElemento cliccato.

    chrome-extension-create-clicked-element-event
  • Clicca su Avanti. Sarai quindi in grado di selezionare un elemento della pagina da tracciare.
  • Clicca su unelementodella pagina 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, quindi fai clic su Crea evento.

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.

  • 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.

HubSpot inizierà quindi a tracciare l'elemento. Scopri come analizzare l'evento in HubSpot.

Crea 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 Custom Behavioral Eventi.
  • In alto a destra, fare clic suCrea evento.
  • Nel pannello di destra, inserisci un nome per il tuo evento, poi seleziona Clicked element.

    create-custom-clicked-element-event-type
  • Fai clic su Avanti.
  • Seleziona come vuoi identificare l'elemento cliccato sulla pagina. Scopri di più su come trovare gli identificatori su una pagina web.
    • ID HTML: inserisci l'ID dell'elemento che vuoi tracciare. Per esempio, se il tuo elemento cliccato è impostato su <button id="log-in"> , dovresti inserire log-in.
    • Classe HTML: inserite la classe dell'elemento che volete tracciare. Per esempio, se il vostro elemento cliccato è impostato come <button class="bigCTA"> , dovreste inserire bigCTA .
    • Selettore jQuery: inserisci il selettore jQuery dell'elemento che vuoi tracciare.create-custom-clicked-element-ID
  • Fate clic su Next.
  • Per impostazione predefinita, l'elemento cliccato sarà tracciato su tutte le pagine con il codice di tracciamento HubSpot installato. Per tracciare solo i clic degli elementi su una pagina specifica, seleziona Pagina specifica, quindi inserisci l'URL della pagina.
  • Clicca su Salva.

Dopo aver creato l'evento, HubSpot inizierà a tracciare l'elemento. Impara come analizzare l'evento in HubSpot.

Capire e recuperare i selettori degli elementi

Puoi identificare un elemento tramite il suo ID HTML, la classe HTML o il selettore jQuery.

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:

  • Cliccate con il tasto destro del mouse sulla pagina con l'elemento che state mirando e selezionate 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.