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.
Events

Events vom Typ „Angeklicktes Element“ erstellen

Zuletzt aktualisiert am: Februar 22, 2019

Produkte/Lizenzen

Marketing Hub Enterprise
Sales Hub Enterprise
Service Hub Enterprise

Events vom Typ „Angeklicktes Element“ erfassen, wann ein anonymer Besucher oder HubSpot-Kontakt auf ein bestimmtes Elemente auf Ihrer Website klickt. Es gibt zwei Möglichkeiten, um Events vom Typ „Angeklicktes Element“ zu erstellen:

  1. Chrome-Erweiterung für Events installieren und verwenden
  2. Das Event mithilfe einer ID, einer Klasse oder einem jQuery-Selektor manuell erstellen

Es wird empfohlen, die Chrome-Erweiterung bei einfachen Events vom Typ „Angeklicktes Element“ zu verwenden, z. B. bei angeklickten Hyperlinks und Bildern. Bei komplexeren Inhalten wie CTAs wird empfohlen, das Event manuell zu erstellen.

Events vom Typ „Angeklicktes Element“ werden häufig zur Nachverfolgung von Folgendem verwendet:

  • ein CTA für eine kostenlose Demo angeklickt wird
  • ein PDF-Downloadlink angeklickt wird
  • ein bestimmtes Produktbild auf Ihrer Produkt-Listing-Seite angeklickt wird

Bitte beachten: Events vom Typ „Angeklicktes Element“ können nur auf Seiten erstellt und nachverfolgt werden, auf denen der HubSpot-Tracking-Code installiert ist.

 

Chrome-Erweiterung für Events installieren

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol settings, um die Einstellungen aufzurufen.
  • Gehen Sie in der linken Seitenleiste zu „Berichte“„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 Event erstellen

  • Gehen Sie zu einer Webseite, auf der Ihr HubSpot-Tracking-Code installiert ist.
  • Klicken Sie in der Chrome Toolbar auf das orangefarbene Sproket-Symbol sprocket.
  • Klicken Sie im Dialogfeld auf „Look for a selector“ (Nach einem Selektor suchen).
  • 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 Event ein und wählen Sie „Tag(s)“ (optional) aus, um Ihr Event schnell und einfach zu gruppieren und zu finden.
  • Klicken Sie auf „Einsenden“.

  • 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.

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 das Event manuell erstellen oder ein eindeutiges ID-Tag zum Element hinzufügen.

 

Das Event mithilfe einer ID, einer Klasse oder einem jQuery-Selektor manuell erstellen

  • Gehen Sie in Ihrem HubSpot-Account zu Berichte > Analytics-Tools. Wählen Sie dann „Events“ aus.
  • Klicken Sie oben rechts auf „Event erstellen“.
  • Geben Sie im Fenster rechts einen Event-Namen ein und wählen Sie „Tags“ (optional) aus, um Ihr Event schnell und einfach zu gruppieren und zu finden. Wählen Sie unter „Event-Typ“ die Option „Angeklicktes Element“ aus.
  • Klicken Sie auf „Weiter >“.

  • Wählen Sie „ID“, „Klasse“ oder „jQuery-Selektor“ aus, um ein Element für die Nachverfolgung zu erfassen.
  • Geben Sie in das Feld „Seiten-URL“ die Seiten-URL ein, wenn nur das Element als Event auf einer bestimmten Seite nachverfolgt werden soll.

ID

Verwenden Sie das ID-Attribut eines Elements, um zu ermitteln, wann es angeklickt wird. IDs werden in Ihrem HTML-Code als id="eindeutiger-element-name" angezeigt. Geben Sie in diesem Fall in das Feld „ID“ unter „Elementauswahl“ nur „eindeutiger-element-name“ ein.

Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle Ihrer Seite und wählen Sie „Seitenquelltext anzeigen“ oder „Untersuchen“ aus, um die eindeutige ID des Elements zu ermitteln.

 

Klasse

Verwenden Sie das Klasse-Attribut eines Elements, um zu ermitteln, wann es angeklickt wird. Klassen werden in Ihrem HTML-Code als class="element-name" angezeigt. Geben Sie in diesem Fall in das Feld „Klasse“ unter „Elementauswahl“ nur „element-name“ ein.

Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle Ihrer Seite und wählen Sie „Seitenquelltext anzeigen“ oder „Untersuchen“ aus, um die Klasse des Elements zu ermitteln.

jQuery-Selektor

Sie können auch vollständige jQuery- oder CSS-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. Hier erfahren Sie mehr über unterstützte Selektoren.

Klicken Sie unten rechts auf „Speichern“, um das Event vom Typ „Angeklicktes Element“ zu erstellen.