Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Analytics Tools

Codelose benutzerdefinierte Verhaltensereignisse (BETA) erstellen

Zuletzt aktualisiert am: September 5, 2022

Produkte/Lizenzen

Marketing Hub Enterprise

Benutzerdefinierte Verhaltensereignisse ermöglichen es Ihnen, Informationen für Ihr Unternehmen zu verfolgen. Angeklicktes Element und besuchte URL-Ereignisse können ohne Code mit der HubSpot Chrome-Erweiterung erstellt werden.

Ein Event vom Typ „Angeklicktes Element“ verfolgt nach, wann ein anonymer Besucher oder HubSpot-Kontakt auf ein bestimmtes Elemente auf Ihrer Website klickt. Verfolgen Sie beispielsweise nach, wenn ein CTA für eine kostenlose Demo oder einen PDF-Download-Link angeklickt wird. Events vom Typ „Angeklicktes Element“ können nur auf Seiten erstellt und nachverfolgt werden, auf denen der HubSpot-Tracking-Code installiert ist. Events vom Typ „Aufgerufene URL“ erfassen, wann ein anonymer Besucher oder HubSpot-Kontakt eine bestimmte URL auf Ihrer Website besucht.

Bitte beachten:

  • Die Anweisungen in diesem Artikel sind für das neue Tool für benutzerdefinierte verhaltensorientierte Events, das das vorherige Tool für benutzerdefinierte verhaltensorientierte Events ersetzt. Alle Events, die im vorherigen Tool erstellt wurden, funktionieren weiter und Sie können nach wie vor diese Events im alten Tool verwalten und analysieren.
  • Frühere Events können nicht mit dem neuen Events-Tool migriert werden. Stattdessen wird empfohlen, Ihre früheren Events im neuen Tool erneut zu erstellen, da neue benutzerdefinierte Events mehr Flexibilität bei Event-Eigenschaften bieten. Beispielsweise mussten Sie bei früheren Events mehrere Events erstellen, um separate Kampagnen nachzuverfolgen, wohingegen jetzt mit einem einzelnen benutzerdefinierten verhaltensorientierten Event mehrere Kampagnen nachverfolgt werden können.

 

Ereignisse mit besuchter URL und angeklicktem Element können durch Installieren und Verwenden der HubSpot Chrome-Erweiterung für einfache angeklickte Ereignisse wie Hyperlinks und Bilder erstellt werden.

Erfahren Sie nach der Erstellung Ihrer Events, wie Sie Events in den Analytics- und Reporting-Tools analysieren. Sie können auch benutzerdefinierte Events erstellen und manuell verfolgen.

Events mit der Chrome-Erweiterung erstellen

Chrome-Erweiterung für Events installieren

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Gehen Sie im linken Seitenmenü zu „Tracking & Analytics“ > „Tracking-Code“.
  • Klicken Sie auf „Events Chrome-Erweiterung installieren“.

  • Klicken Sie auf „Download“.

  • Sie werden zur HubSpot Analytics-Erweiterung im Google Chrome-Webstore weitergeleitet. Klicken Sie oben rechts auf „Zu Chrome hinzufügen“.

  • Klicken Sie im Dialogfeld auf „Erweiterung hinzufügen“.
  • Nachdem die Erweiterung installiert wurde, wird sie in der Chrome Toolbar als orangefarbenes Sprocket-Symbol sprocket angezeigt.

Mit der Chrome-Erweiterung für Events ein besuchtes URL-Ereignis erstellen

  • Gehen Sie zu einer Webseite, auf der Ihr HubSpot-Tracking-Code installiert ist.
  • Klicken Sie in der Chrome Toolbar auf das sprocket-Symbol.
  • Wählen Sie im Dialogfeld „Aufgerufene URL“ aus und klicken Sie dann auf „Weiter“.

  • Fügen Sie Ihren Veranstaltungsnamen hinzu und fügen Sie optional eine Beschreibung hinzu. Klicken Sie auf „Weiter“.
  • Klicken Sie auf „Hinzufügen“, um eine Seite hinzuzufügen. Sie können mehrere Seiten zu einem einzelnen Ereignis hinzufügen. 
  • Geben Sie im Feld „Seiten-URL“ die URL ein, für die Sie Besuche nachverfolgen möchten.
  • Geben Sie im Feld „Name“ einen Namen für die Seite ein. Dieser Name ist in den Ereigniseigenschaftsdaten unter der Eigenschaft Tracking Name verfügbar.
  • Klicken Sie auf „Event erstellen“.

HubSpot beginnt dann, das Event nachzuverfolgen. Erfahren Sie, wie Sie das Event in HubSpot analysieren.

Mit der Chrome-Erweiterung für Events ein angeklicktes Element-Ereignis erstellen

  • Gehen Sie zu einer Webseite, auf der Ihr HubSpot-Tracking-Code installiert ist.
  • Klicken Sie in der Chrome Toolbar auf das Sprocket-Symbol.
  • Wählen Sie im Dialogfeld „Angeklicktes Element“ aus.

  • Klicken Sie auf „Weiter“
  • Fügen Sie Ihren Veranstaltungsnamen hinzu und fügen Sie optional eine Beschreibung hinzu. Klicken Sie auf „Weiter“.
  • Klicken Sie zum Auswählen eines Elements auf der Seite, die nachverfolgt werden soll, auf „Hinzufügen“.  Wählen Sie ein Element auf der Seite aus, das nachverfolgt werden soll. Sie können mehrere angeklickte Elemente zu einem einzelnen Ereignis hinzufügen. 
  • Klicken Sie auf ein Element auf der Seite, um ein Event vom Typ Angeklicktes Element zu erstellen. Im folgenden Beispiel verfolgt das Event vom Typ „Angeklicktes Element“ Klicks auf den Link „Wichtige Aspekte“ nach.

  • Im Dialogfeld wird der CSS-Selektor des Elements automatisch generiert. Geben Sie einen Namen für das Element ein, das Sie verfolgen. Dieser Name ist in den Ereigniseigenschaftsdaten unter der Eigenschaft Tracking Name verfügbar. Fügen Sie optional eine Beschreibung hinzu und klicken Sie dann auf „Weiter“.
  • Um Ihrem Event weitere Elemente hinzuzufügen, klicken Sie auf Hinzufügen und wählen Sie ein anderes Element aus.
  • Um Ihr Event abzuschließen und zu speichern, klicken Sie auf Event erstellen.

Bitte beachten: Abhängig von der Komplexität des HTML- und CSS-Markups Ihrer Website kann die Chrome-Erweiterung für Events unter Umständen keinen eindeutigen CSS-Selektor für ein Element erkennen. In diesem Fall sollten Sie den Selektor ändern. Erfahren Sie mehr darüber, wie Sie IDs auf einer Website-Seite finden.

  • Wenn die Erstellung des Events erfolgreich war, wird eine Bestätigungsmeldung angezeigt. Klicken Sie auf „Event in HubSpot anzeigen“, um das neue Event vom Typ „Angeklicktes Element“ in Ihrem Event-Dashboard anzuzeigen.

HubSpot beginnt dann, das/die Element(e) nachzuverfolgen. Erfahren Sie, wie Sie das Event in HubSpot analysieren

Element-Selektoren verstehen und abrufen

Sie können ein Element anhand der HTML-ID, der HTML-Klasse oder mithilfe eines jQuery-Selektors identifizieren.

  • HTML-ID: Geben Sie die ID des Elements ein, das Sie nachverfolgen möchten. Wenn Ihr angeklicktes Element beispielsweise als eingerichtet ist<button id="log-in">, würden Sie log-in eingeben.
  • HTML-Klasse: Geben Sie die Klasse des Elements ein, das Sie nachverfolgen möchten. Wenn Ihr angeklicktes Element beispielsweise als <button class="bigCTA"> eingerichtet ist, würden Sie bigCTA eingeben.
  • jQuery-Selektor: Geben Sie den jQuery-Selektor des Elements ein, das Sie nachverfolgen möchten.

ID

So finden und verwenden Sie die ID eines Elements:

  • Klicken Sie mit der rechten Maustaste auf die Seite mit dem gewünschten Element und wählen Sie „Seitenquelle anzeigen“ oder „Untersuchen“ aus.
  • Klicken Sie auf das Element. Sie sollten das ID-Attribut in der Code-Zeile ablesen können (z. B. id="unique-element-name").
  • Kopieren Sie den ID-Wert und fügen Sie ihn (in diesem Fall unique-element-name) ohne die Anführungszeichen in das HTML-ID -Feld ein. Zum Beispiel würden Sie für ein Element, das id="get-started-marketing-hub" enthält, get-started-marketing-hub in das Feld eingeben.

Klasse

Ein Event vom Typ „Angeklicktes Element“ kann ein Element anhand seines Klasse -Attributs identifizieren. 

 

Bitte beachten:

  • wenn mehrere Elemente auf einer Seite dieselbe Klasse teilen, wird nur das erste Element auf der Seite für den Abschluss von Ereignissen angerechnet. Daher sollten Sie Klasse nur dann als Bezeichner verwenden, wenn kein anderes Element auf der Seite diese Klasse teilt. Wenn das Element keine eindeutige Klasse hat, wird empfohlen, stattdessen die ID zu verwenden.
  • Wenn Sie den Quellcode eines Elements nicht aktualisieren können, um eine eindeutige Klasse oder ID hinzuzufügen, wird empfohlen, die Chrome-Erweiterung zu verwenden, um das Ereignis einzurichten, da HubSpot eine spezifischere Kennung zuweist.

 

So finden Sie die Klasse eines Elements und verwenden sie für das Event:

  • Klicken Sie mit der rechten Maustaste auf die Seite mit dem gewünschten Element und wählen Sie „Seitenquelle anzeigen“ oder „Untersuchen“ aus.
  • Klicken Sie auf das Element. Sie sollten das Klasse-Attribut in der Code-Zeile ablesen können (z. B. class="unique-element-name").
  • Kopieren Sie den Klasse-Wert und fügen Sie ihn ohne die Anführungszeichen in das HTML-Klasse -Feld ein. Zum Beispiel für ein Element, das in das Feld eingeschlossen ist.  
    • Wenn ein Element mehrere Klassen hat, können Sie jede seiner Klassen als Ziel verwenden. Wenn ein Element beispielsweise class="cta--primarycta--medium homepage-sales" enthält, können Sie cta--primary, cta--medium oder homepage-sales in das Feld HTML Class eingeben. Stellen Sie jedoch sicher, dass keine anderen Elemente diese Klasse teilen.
    • Wenn Sie mehrere Klassen verbinden, verwenden Sie das folgende Format: class1.class2.class3.

jQuery-Selektor

Sie können auch vollständige jQuery-Selektoren verwenden, um zielgerichtet Elemente zu erfassen. Dies ist nützlich, wenn das entsprechende Element keine ID oder Klasse besitzt oder Sie spezifischer Angaben machen müssen.

Sie möchten beispielsweise ein angeklicktes Elementereignis mithilfe eines jQuery-Selektors für das folgende Element erstellen:

<a id="get-started-marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Get started with Marketing Hub">Erste Schritte</a>

Anstatt die ID oder Klasse des Elements zu verwenden, können Sie einen jQuery-Selektor verwenden, um die href-Eigenschaft des Elements zu zielen, indem Sie Folgendes in das Feld jQuery-Selektor eingeben:

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

 

Hier erfahren Sie mehr über unterstützte Selektoren.

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