Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Analytics Tools

Maak geklikte element gebeurtenissen

Laatst bijgewerkt: juni 3, 2021

Geldt voor:

Marketing Hub  Enterprise

Een "clicked element"-evenement houdt bij wanneer een anonieme bezoeker of een HubSpot-contact op een specifiek element op uw website klikt. Traceer bijvoorbeeld wanneer er op een gratis demo CTA of PDF download link wordt geklikt. Klik-element-events kunnen alleen worden aangemaakt en gevolgd op pagina's waarop de HubSpot-trackingcode is geïnstalleerd.

Let op:

  • De instructies in dit artikel zijn voor de nieuwe tool voor aangepaste gedragsevents, die de vorige tool voor gedragsevents vervangt. Gebeurtenissen die zijn gemaakt in het oude hulpprogramma blijven werken en u kunt deze gebeurtenissen nog steeds beheren en analyseren in het oude hulpprogramma.
  • Legacy gebeurtenissen kunnen niet worden gemigreerd naar de nieuwe tool. In plaats daarvan is het raadzaam om uw oudere events opnieuw te maken in de nieuwe tool, aangezien nieuwe aangepaste events meer flexibiliteit bieden met event-eigenschappen. Met oudere gebeurtenissen zou u bijvoorbeeld meerdere gebeurtenissen moeten maken om afzonderlijke campagnes te volgen, maar nu kan een enkele aangepaste gedragsevent meerdere campagnes volgen.

Gebeurtenissen voor aangeklikte elementen kunnen op twee manieren worden gemaakt:

Als u uw gebeurtenissen hebt gemaakt, leert u hoe u gebeurtenissen kunt analyseren in de analyse- en rapportagetools. U kunt ook gebeurtenissen voor bezochte URL's enaangepaste gebeurtenissen maken.

Gebeurtenissen voor geklikte elementen maken met de Chrome-extensie

Installeer de Chrome-extensie voor gebeurtenissen

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • Ga in het menu aan de linkerkant van de zijbalk naar Volgen & analyse >Volgcode.
  • Klik op Gebeurtenis Chrome-extensie installeren.
  • Klik opDownloaden.
  • U wordt doorgestuurd naar de HubSpot Analytics-extensie in de Google Chrome-webwinkel. Klik in de rechterbovenhoek op Toevoegenaan Chrome.

  • Klik in het dialoogvenster op Extensie toevoegen.
  • Zodra de extensie is geïnstalleerd, wordt deze weergegeven als een oranje tandwielpictogram in de werkbalk van uw Chrome-browser.

Een gebeurtenis maken met de Chrome-extensie Gebeurtenis

  • Navigeer naar een webpagina waarop uw HubSpot-trackingcode is geïnstalleerd.
  • Klik in de werkbalk van uw Chrome-browser op hettandwiel tandwielpictogram.
  • Selecteer Gekliktelement in het dialoogvenster.

    chrome-extension-create-clicked-element-event
  • Klik op Volgende. Je kunt nu een element op de pagina selecteren om te volgen.
  • Klik op eenelement op depagina om een "clicked element"-gebeurtenis te maken. In het onderstaande voorbeeld zal de "clicked element"-gebeurtenis klikken op de koppeling naar de belangrijkste aspecten traceren.

  • In het dialoogvenster wordt de CSSselectorvan het element automatisch gegenereerd. Voer een naaminvoor degebeurtenis en klik vervolgens op Gebeurtenismaken .

Let opAfhankelijk van de complexiteit van de HTML- en CSS-opmaak van uw site, is het mogelijk dat de Chrome-extensie voor gebeurtenissen niet in staat is een unieke CSS-selector voor een element te detecteren. In dat geval moet u de gebeurtenis handmatig maken of in plaats daarvan een unieke id-tag aan het element toevoegen.

  • Nadat de gebeurtenis met succes is gemaakt, verschijnt een bevestigingsbericht. Klik op Gebeurtenis weergevenin HubSpot om de nieuwe gebeurtenis van het geklikte element in je gebeurtenissen dashboard te bekijken.

HubSpot zal dan beginnen met het element te volgen. Leer hoe je de gebeurtenis in HubSpot kunt analyseren.

Maak het event handmatig aan met een ID, klasse of jQuery-selector

  • Navigeer in uw HubSpot-account naar Rapporten > Analytics-tools.
  • Klik op Aangepast gedrag Gebeurtenissen.
  • Klik in de rechterbovenhoek opGebeurtenis maken.
  • In het rechter paneel, voer een naam in voor uw gebeurtenis, en selecteer vervolgens Geklikt element.

    create-custom-clicked-element-event-type
  • Klik op Volgende.
  • Selecteer hoe u het aangeklikte element op de pagina wilt identificeren. Meer informatie over het vinden van identifiers op een websitepagina.
    • HTML-ID: voer de ID in van het element dat je wilt volgen. Als uw geklikte element bijvoorbeeld <button id="log-in"> is, zou u log-in invoeren.
    • HTML-klasse: voer de klasse in van het element dat u wilt traceren. Bijvoorbeeld, als het aangeklikte element is ingesteld als <button class="bigCTA">, voer je bigCTA in .
    • jQuery selector: voer de jQuery selector in van het element dat je wilt volgen.create-custom-clicked-element-ID
  • Klik op Volgende.
  • Standaard wordt het geklikte element bijgehouden op alle pagina's waarop de HubSpot-trackingcode is geïnstalleerd. Als je alleen de klikken op elementen op een specifieke pagina wilt bijhouden, selecteer je Specifieke pagina en voer je de URL van de pagina in.
  • Klik op Opslaan.

Na het aanmaken van de gebeurtenis, zal HubSpot beginnen met het volgen van het element. Leer hoe je de gebeurtenis in HubSpot analyseert.

Element-selectors begrijpen en ophalen

Je kunt een element identificeren aan de hand van zijn HTML-ID, HTML-klasse of jQuery-selector.

ID

Een event voor geklikte elementen kan een element identificeren aan de hand van zijn ID-attribuut en detecteren wanneer erop wordt geklikt.

Om de ID van een element te bekijken:

  • Klik met de rechtermuisknop op de pagina met het element dat je beoogt en selecteerPaginabron weergevenof Inspecteren.
  • Klik op het element. Je zou het ID attribuut moeten kunnen zien in de regel code (bijv. id="unique-element-name").
  • Kopieer de ID waarde en plak deze (bijv., in dit geval, unique-element-name) in het ID veld zonder de aanhalingstekens.

Klasse

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

  • Klik met de rechtermuisknop op de pagina met het element dat je wilt zien en selecteerPaginabron bekijkenofInspecteren.
  • Klik op het element. Je zou het klasse-attribuut in de coderegel moeten kunnen zien (bijv. class="unique-element-name").
  • Kopieer de waarde van de class en plak deze (bijvoorbeeld, in dit geval, unique-element-name) in het Class-veld zonder de aanhalingstekens.

jQuery-selector

Je kunt ook volledige jQuery selectors gebruiken om elementen te selecteren. Dit is handig als het element dat je wilt targeten geen ID of klasse heeft, of als je specifieker wilt zijn. Meer informatie overondersteunde selectors.