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 codevrije aangepaste gedragsevents (BETA)

Laatst bijgewerkt: juli 19, 2022

Geldt voor:

Marketing Hub Enterprise

Aangepaste gedragsevents stellen u in staat om informatie te traceren die uniek is voor uw bedrijf. Geklikt element en bezochte URL-gebeurtenissen kunnen worden gemaakt zonder code met de HubSpot Chrome-extensie.

Een clicked element event traceert wanneer een anonieme bezoeker of HubSpot contact klikt op een specifiek element op je website. Bijvoorbeeld, volg wanneer een gratis demo CTA of PDF download link wordt geklikt. Klik element gebeurtenissen kunnen alleen worden gemaakt en getraceerd op pagina's die de HubSpot-trackingcode geïnstalleerd. Bezochte URL events registreren wanneer een anonieme bezoeker of HubSpot contact een specifieke URL op je website bezoekt.

Let op:

  • De instructies in dit artikel zijn voor de nieuwe tool voor aangepaste gedragsevents, die de vorige tool voor gedragsevents vervangt. Gebeurtenissen die in de oude tool zijn gemaakt, blijven werken en u kunt deze gebeurtenissen nog steeds beheren en analyseren in de oude tool.
  • 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 één enkele aangepaste gedragsevent meerdere campagnes volgen.

Bezochte URL en Geklikt element gebeurtenissen kunnen worden gemaakt door het installeren en gebruiken van de HubSpot Chrome-extensie voor eenvoudige geklikte gebeurtenissen, zoals hyperlinks en afbeeldingen.

Als je eenmaal je events hebt aangemaakt, leer dan hoe je gebeurtenissen analyseren in de analyse- en rapportagetools. U kunt ook handmatig getraceerde aangepaste gebeurtenissen.

Maak gebeurtenissen met de Chrome-extensie

Installeer de Chrome-extensie voor gebeurtenissen

  • { local.navSettings }}
  • Navigeer in het menu aan de linkerkant van de zijbalk naar Volgen & analyse > Volgcode.
  • Klik op Installeer evenement Chrome-extensie.

  • Klik op Downloaden.

  • U wordt doorverwezen naar de HubSpot Analytics-extensie in de Google Chrome-webwinkel. Klik in de rechterbovenhoek op Toevoegen aan 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 bezochte URL-event maken met de event Chrome-extensie

  • Navigeer naar een webpagina waarop je HubSpot-trackingcode geïnstalleerd.
  • Klik in de werkbalk van uw Chrome-browser op het tandwielpictogram.
  • Selecteer in het dialoogvenster Bezochte URL en klik op Volgende.

  • Voeg de naam van uw gebeurtenis toe en optioneel een beschrijving. Klik op Volgende.
  • Klik op Toevoegen om een pagina toe te voegen. U kunt meerdere pagina's aan één evenement toevoegen.
  • Voer in het veld Pagina-URL de URL in waarvan u de bezoeken wilt bijhouden.
  • Voer in het veld Naam een naam in voor de pagina. Deze naam zal beschikbaar zijn in de eigenschapgegevens van de gebeurtenis onder de eigenschap Tracking Name.
  • Klik op Gebeurtenis maken.

HubSpot zal dan beginnen met het bijhouden van de gebeurtenis. Leer hoe je De gebeurtenis analyseren in HubSpot.

Maak een event voor een geklikt element met de event Chrome-extensie

  • Navigeer naar een webpagina waarop uw HubSpot traceercode geïnstalleerd.
  • Klik in de werkbalk van de Chrome-browser op het tandwielpictogram.
  • Selecteer in het dialoogvenster Clicked element.

  • Klik op Volgende.
  • Voeg de naam van uw gebeurtenis toe en optioneel een beschrijving. Klik op Volgende .
  • Om een element op de pagina te selecteren om bij te houden, klik op Toevoegen. Selecteer een element op de pagina om bij te houden. U kunt meerdere geklikte elementen aan één gebeurtenis toevoegen.
  • Klik op een element op de pagina om een gebeurtenis voor een geklikt element te maken. In het onderstaande voorbeeld zal de klikgebeurtenis klikken op de koppeling Aspecten bijhouden.

  • In het dialoogvenster wordt de CSS selector van het element automatisch gegenereerd. Voer een naam in voor het element dat u wilt volgen. Deze naam zal beschikbaar zijn in de eigenschappendata van de gebeurtenis onder de eigenschap genaamd Tracking Name. Voeg optioneel een beschrijving toe, klik dan op Volgende.
  • Om verder te gaan met het toevoegen van bijkomende elementen aan uw gebeurtenis, klik Add en selecteer een ander element.
  • Om af te ronden en uw gebeurtenis op te slaan, klikt u op Gebeurtenis aanmaken.

Opmerking: afhankelijk 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 selector wijzigen. Meer informatie over het vinden van identifiers op een websitepagina.

  • Nadat de gebeurtenis met succes is aangemaakt, verschijnt een bevestigingsbericht. Klik op Gebeurtenis in HubSpot weergeven om de nieuwe gebeurtenis voor geklikt element in je gebeurtenissen dashboard te bekijken.

HubSpot zal dan beginnen met het volgen van het element (de elementen). Leer hoe u Analyseer de gebeurtenis in HubSpot.

Element selectors begrijpen en ophalen

U kunt een element identificeren aan de hand van zijn HTML-ID, HTML-klasse of door een jQuery-selector te gebruiken.

  • HTML-ID: voer de ID van het element dat u wilt volgen. Bijvoorbeeld, als uw geklikt element <button id="log-in"> is, zou u log-in invoeren.
  • HTML-klasse: voer de klasse van het element dat u wilt volgen. Bijvoorbeeld, als het aangeklikte element is ingesteld als <button class="bigCTA">, voer je bigCTA in.
  • jQuery selector: voer de jQuery-selector van het element dat je wilt volgen.

ID

Om de ID van een element te vinden en te gebruiken:

  • Klik met de rechtermuisknop op de pagina met het element dat je beoogt en selecteer Bekijk paginabron of Inspecteer.
  • 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 (bijvoorbeeld, in dit geval, unique-element-name) in het HTML ID-veld zonder de aanhalingstekens. Bijvoorbeeld, voor een element met id="get-started-marketing-hub", zou je get-started-marketing-hub in het veld typen.

Klasse

Een geklikt element event kan een element identificeren met zijn klasse attribuut.

Let op:

  • wanneer meerdere elementen op een pagina dezelfde klasse delen, telt alleen het eerste element op de pagina mee voor het voltooien van gebeurtenissen. Daarom moet je class alleen als identifier gebruiken als geen enkel ander element op de pagina die class deelt. Als het element geen unieke class heeft, is het aan te raden om ID te gebruiken.
  • Als je de broncode van een element niet kunt bijwerken om een unieke class of ID toe te voegen, is het aan te raden om de Chrome-extensie te gebruiken om het evenement in te stellen, aangezien HubSpot een meer specifieke identifier zal toewijzen.

Om de class van een element te vinden en te gebruiken voor de gebeurtenis

  • Klik met de rechtermuisknop op de pagina met het element dat je beoogt en selecteer Bekijk paginabron of Inspecteer.
  • 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 klasse en plak die zonder aanhalingstekens in het HTML-klasseveld. Bijvoorbeeld voor een element dat in het veld voorkomt.
    • Wanneer een element meerdere classes heeft, kun je elk van de classes gebruiken als target. Bijvoorbeeld, als een element class="cta--primary cta--medium homepage-sales" include, dan kun je cta--primary, cta--medium, of homepage-sales in het HTML Class veld invullen. Zorg er echter voor dat geen andere elementen die klasse delen.
    • Wanneer je meerdere klassen samenvoegt, gebruik dan het volgende formaat: class1.class2.class3.

jQuery-selector

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

Bijvoorbeeld, u wilt een geklikt element evenement met behulp van een jQuery selector voor de voor het volgende element te maken:

<a id="aan de slag met marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Aan de slag met Marketing Hub">Aan de slag</a>

In plaats van de ID of de klasse van het element te gebruiken, zou je een jQuery selector kunnen gebruiken om de href eigenschap van het element te targeten door het volgende in het jQuery selector veld in te voeren:

[href='https://www.hubspot.com/products/marketing/get-started']

Leer meer over ondersteunde selectors.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.