Analytics Tools

Maak geklikte elementgebeurtenissen aan

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Marketing Hub  Enterprise

Een geklikt element gebeurtenis volgt wanneer een anonieme bezoeker of HubSpot contactpersoon op een specifiek element op uw website klikt. Aangeklikte elementgebeurtenissen kunnen op twee manieren worden aangemaakt:

Let op: toegang tot deze functie zal nog steeds beschikbaar zijn voor HubSpot accounts met een Sales Hub Enterprise of Service Hub Enterprise abonnement voor 9 januari 2020.

Het is aan te raden om de event Chrome-extensie te gebruiken voor eenvoudig aangeklikte events zoals hyperlinks en afbeeldingen. Voor meer complexe content zoals CTA's wordt aanbevolen om het evenement handmatig aan te maken.

Situaties waarin u mogelijk wilt volgen met behulp van aangeklikte elementgebeurtenissen zijn onder andere:

  • Er wordt op een gratis demo CTA geklikt.
  • Er wordt op een PDF downloadlink geklikt.
  • Er wordt op een specifieke productafbeelding op uw productlijstpagina geklikt.

Zodra u uw evenementen hebt gemaakt, leert u hoe u de voltooiing van uw evenement kunt analyseren en beheren. U kunt ookbezochte URL-evenementen, ingezondenformulier-evenementen en aangepaste evenementen maken.

Let op:geklikte elementgebeurtenissen kunnen alleen worden gemaakt en gevolgd op pagina's die deHubSpot traceercodegeïnstalleerd.

Gebruik de uitbreiding van het evenement Chrome

Installeer de uitbreiding van het evenement Chrome

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • Navigeer in het menu links in de zijbalk naar Tracking & analytics > Trackingcode.
  • Klik op Evenementverlenging chroom installeren.
  • Klik opDownload.
  • U wordt doorgestuurd naar de HubSpot Analytics extensie in de Google Chrome webwinkel. Klik rechtsboven op Toevoegenaan Chrome.

  • Klik in het dialoogvenster opExtensie toevoegen.
  • Zodra de extensie is geïnstalleerd, verschijnt deze als een oranje tandwiel in de werkbalk van uw Chrome-browser.

Maak een gebeurtenis met de extensie Chrome

  • Navigeer naar een webpagina met uw HubSpot-trackingcode geïnstalleerd.
  • Klik in de werkbalk van uw Chrome-browser op hetoranjetandwielpictogram tandwiel.
  • Klik in het dialoogvenster op Lookfor a selector.
  • Klik op eenelement op depagina om een aangeklikte elementgebeurtenis voor te maken. In het onderstaande voorbeeld zal de aangeklikte elementgebeurtenis klikken op de belangrijkste aspectenlink volgen .

  • In het dialoogvenster wordt deCSS-selectorvan het element automatisch gegenereerd. Voer een naamvoor degebeurtenisinen selecteer Tag(s)(optioneel) om de gebeurtenisgemakkelijk te groeperen en later te vinden.
  • Klik op Verzenden.

  • Nadat de gebeurtenis met succes is aangemaakt, verschijnt er een bevestigingsbericht. Klik op Bekijkgebeurtenis in HubSpot om de nieuwe aangeklikte element gebeurtenis in het dashboard van uw evenement te bekijken.

Let op: afhankelijk van de complexiteit van de HTML- en CSS-markup van uw site, is het mogelijk dat de event Chrome-extensie geen unieke CSS-selector voor een element kan detecteren. In dit geval moet u de event handmatig aanmaken of in plaats daarvan een unieke id-tag aan het element toevoegen.

Maak de event handmatig aan met behulp van een ID, klasse of jQuery selector

  • Navigeer in uw HubSpot-account naar Rapporten > Analytics-tools.
  • Klikgedrag Evenementen.
  • Klik rechtsboven opCreëer evenement.
  • In het rechter paneel, stel uw evenement op:
    • Voer eenEventnaam in.
    • Om de gebeurtenis gemakkelijk te groeperen en later te identificeren, klikt u op het vervolgkeuzemenu Tags en selecteert of voert u een tagin.
    • In de sectie Evenementstype selecteert u Aangekliktelement.
  • Klik op Volgende.

  • SelecteerID, CmeidofjQueryselectorom een element bij te houden. Voer de relevante ID in, Klasseof jQuery-selector.
  • Voer de URL van de pagina in het veldPagina-URLin alsu alleen wilt dat het element als een gebeurtenis op die specifieke pagina wordt gevolgd .

  • Klik op Opslaan als u klaar bent.

Elementenselectoren begrijpen en ophalen

ID

Een geklikte elementgebeurtenis kan een element identificeren aan de hand van zijn ID-attribuut en detecteren wanneer het wordt geklikt.

Om de ID van een element te bekijken:

  • Klik met de rechtermuisknop op de pagina met het element waarop u zich richt en selecteerPaginabron weergevenof Inspecteren.
  • Klik op het element. U zou het ID attribuut moeten kunnen zien in de regel van de code (bijv. id="unique-element-naam").
  • Kopieer de ID-waarde en plak deze (bijvoorbeeld, in dit geval, unique-element-naam ) in het ID-veld zonder de aanhalingstekens.

Klasse

Een geklikte elementgebeurtenis kan een element identificeren aan de hand van zijn klasse-attribuut en detecteren wanneer er op wordt geklikt.

  • Klik met de rechtermuisknop op de pagina met het element waarop u zich richt en selecteerPaginabron weergevenofInspecteren.
  • Klik op het element. Je zou het klasse-attribuut moeten kunnen zien in de regel van de code (bijv. class="unique-element-naam").
  • Kopieer de klasse-waarde en plak deze (bijvoorbeeld, in dit geval, unique-element-naam ) in het Klasse-veld zonder de aanhalingstekens.

jQuery selector

U kunt ook gebruik maken van volledige jQuery selectors om elementen te richten. Dit is handig als het element waarop je je richt geen ID of klasse heeft, of je moet specifieker zijn. Lees meer overondersteunde selectoren.