Zuletzt aktualisiert am: Januar 20, 2023
Mit benutzerdefinierten Verhaltensereignissen können Sie Informationen verfolgen, die nur für Ihr Unternehmen gelten. Ereignisse für angeklickte Elemente und besuchte URLs können mit der HubSpot Chrome-Erweiterungohne Code 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. Ereignisse für angeklickte Elemente können nur auf Seiten erstellt und nachverfolgt werden, die über die HubSpot-Tracking-Code installiert. Events vom Typ „Aufgerufene URL“ erfassen, wann ein anonymer Besucher oder HubSpot-Kontakt eine bestimmte URL auf Ihrer Website besucht.
Hinweis:
- 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.
Die Ereignisse "Besuchte URL" und "Geklicktes Element" können durch die Installation und Verwendung der HubSpot Chrome-Erweiterung für einfache Klick-Ereignisse, wie Hyperlinks und Bilder, erstellt werden.
Sobald Sie Ihre Ereignisse erstellt haben, lernen Sie, wie Sie ereignisse in den Analyse- und Berichtstools zu analysieren. Sie können auch manuell verfolgte Ereignisse erstellen und benutzerdefinierte Ereignisse.
Ereignisse mit der Chrome-Erweiterung erstellen
Chrome-Erweiterung für Events installieren
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das 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 angezeigt.
Erstellen Sie ein Ereignis für besuchte URLs mit der Chrome-Erweiterung event
- Navigieren Sie zu einer Webseite, auf der Ihr HubSpot-Verfolgungscode installiert.
- Klicken Sie in der Symbolleiste Ihres Chrome-Browsers auf das HubSpot-Symbol .
- Wählen Sie im Dialogfeld die Option Besuchte URL und klicken Sie dann auf Weiter.
- Fügen Sie den Namen Ihrer Veranstaltung und 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 einzigen Ereignis hinzufügen.
- Geben Sie in das Feld Seiten-URL die URL ein, zu der Sie die Besuche verfolgen möchten.
- Geben Sie in das Feld Name einen Namen für die Seite ein. Dieser Name wird in den Daten der Ereigniseigenschaften unter der Eigenschaft Tracking Nameangezeigt.
- Klicken Sie auf Ereignis erstellen.
HubSpot beginnt dann, das Event nachzuverfolgen. Erfahren Sie, wie Sie das Ereignis in HubSpot zu analysieren.
Erstellen Sie ein Ereignis für angeklickte Elemente mit der Chrome-Erweiterung event
- Navigieren Sie zu einer Webseite, auf der Ihr HubSpot-Verfolgungscode installiert.
- Klicken Sie in der Symbolleiste des Chrome-Browsers auf das HubSpot-Symbol .
- Wählen Sie im Dialogfeld die Option Geklicktes Element
- Klicken Sie auf „Weiter“.
- Fügen Sie den Namen Ihrer Veranstaltung und optional eine Beschreibung hinzu. Klicken Sie auf „Weiter“.
- Um ein Element auf der Seite auszuwählen, das verfolgt werden soll, klicken Sie auf Hinzufügen. Wählen Sie ein Element auf der Seite aus, das verfolgt werden soll. Sie können mehrere angeklickte Elemente zu einem einzigen Ereignis hinzufügen.
- Klicken Sie auf ein Element auf der Seite, um ein Ereignis für das angeklickte Element zu erzeugen. Im folgenden Beispiel wird das Ereignis "Clicked Element" die Klicks auf den Link " Key Aspects" verfolgen.
- In dem Dialogfeld wird der CSS-Selektor des Elements automatisch generiert. Geben Sie einen Namen für das Element ein, das Sie verfolgen möchten. Dieser Name ist in den Daten der Ereigniseigenschaften unter der Eigenschaft Tracking Name verfügbar. Fügen Sie optional eine Beschreibung hinzu und klicken Sie dann auf Weiter.
- Um weitere Elemente zu Ihrer Veranstaltung hinzuzufügen, klicken Sie auf Hinzufügen und wählen Sie ein weiteres Element aus.
- Klicken Sie zum Fertigstellen und Speichern Ihres Ereignisses auf Ereignis 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 Ereignis in HubSpot anzeigen, um das neue Ereignis für das angeklickte Element in Ihrem Ereignis-Dashboard anzuzeigen.
HubSpot beginnt dann, das/die Element(e) zu verfolgen. Erfahren Sie, wie Sie das Ereignis in HubSpot zu analysieren.
Element-Selektoren verstehen und abrufen
Sie können ein Element anhand seiner HTML-ID, seiner HTML-Klasse oder mit Hilfe eines jQuery-Selektors identifizieren.
- HTML-ID: Geben Sie die ID des Elements ein, das Sie verfolgen möchten. Wenn Ihr angeklicktes Element zum Beispiel auf <button id="log-in"> ist, würden Sie log-ineingeben.
- HTML-Klasse: Geben Sie die klasse des Elements ein, das Sie verfolgen 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 verfolgen 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 Inspizieren.
- 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 (z. B. in diesem Fall " unique-element-name") ohne Anführungszeichen in das HTML-ID-Feld ein. Für ein Element, das id="get-started-marketing-hub" enthält, würden Sie zum Beispiel get-started-marketing-hub in das Feld eingeben.
Klasse
Ein Ereignis für ein angeklicktes Element kann ein Element anhand seines Klassenattributs identifizieren.
Hinweis:
- wenn mehrere Elemente auf einer Seite dieselbe Klasse haben, wird nur das erste Element auf der Seite für die Ereignisabschlüsse gezählt. Daher sollten Sie class nur dann als Bezeichner verwenden, wenn kein anderes Element auf der Seite diese Klasse teilt. Wenn das Element keine eindeutige Klasse hat, empfiehlt es sich, stattdessen ID zu verwenden.
- Wenn Sie nicht in der Lage sind, den Quellcode eines Elements zu aktualisieren, um eine eindeutige Klasse oder ID hinzuzufügen, empfiehlt es sich, stattdessen die Chrome-Erweiterung zu verwenden, um das Ereignis einzurichten, da HubSpot einen spezifischeren Bezeichner zuweist.
Um die Klasse eines Elements zu finden und sie für das Ereignis zu verwenden:
- Klicken Sie mit der rechten Maustaste auf die Seite mit dem gewünschten Element und wählen Sie Seitenquelle anzeigen oder Inspizieren.
- 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 Klassenwert und fügen Sie ihn ohne Anführungszeichen in das Feld HTML Class ein. Zum Beispiel für ein Element, das in das Feld einschließt.
- Wenn ein Element mehrere Klassen hat, können Sie jede seiner Klassen als Ziel verwenden. Wenn ein Element zum Beispiel class="cta--primary cta--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: Klasse1.Klasse2.Klasse3.
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 z. B. ein Ereignis für ein angeklicktes Element erstellen, indem Sie einen jQuery-Selektor für das folgende Element verwenden:
<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 anzuvisieren, indem Sie Folgendes in das jQuery-Selektorfeld eingeben:
[href='https://www.hubspot.com/products/marketing/get-started']
Erfahren Sie mehr über unterstützte Selektoren.
