Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Analytics Tools

Skapa kodlösa anpassade beteendehändelser (BETA)

Senast uppdaterad: september 5, 2022

Gäller för:

Marketing Hub Enterprise

Med anpassade beteendehändelser kan du spåra information som är unik för ditt företag. Händelser för klickade element och besökta webbadresser kan skapas utan kod med HubSpot Chrome-tillägget.

En händelse för klickat element spårar när en anonym besökare eller HubSpot-kontakt klickar på ett visst element på din webbplats. Spåra till exempel när det klickas på en CTA-länk för gratis demo eller en länk för nedladdning av PDF-filer. Händelser för klickade element kan endast skapas och spåras på sidor som har följande egenskaper HubSpot-spårningskod installerad. Händelser för besökt URL registrerar när en anonym besökare eller HubSpot-kontakt besöker en specifik URL på din webbplats.

Observera:

  • Anvisningarna i den här artikeln gäller det nya verktyget för anpassade beteendehändelser, som ersätter det tidigare verktyget för beteendehändelser. Eventuella händelser som skapats i det gamla verktyget kommer att fortsätta att fungera, och du kan fortfarande hantera och analysera dessa händelser i det gamla verktyget.
  • Gamla händelser kan inte migreras till det nya verktyget för händelser. Istället rekommenderas det att du återskapar dina gamla händelser i det nya verktyget, eftersom nya anpassade händelser ger mer flexibilitet när det gäller händelseegenskaper. Med gamla händelser måste du till exempel skapa flera händelser för att spåra separata kampanjer, men nu kan en enda anpassad beteendehändelse spåra flera kampanjer.

Händelser för besökt URL och klickat element kan skapas genom att installera och använda HubSpot Chrome-tillägget för enkla klickhändelser, t.ex. hyperlänkar och bilder.

När du har skapat dina händelser kan du lära dig att Analysera händelser i analys- och rapporteringsverktygen.. Du kan också skapa och manuellt spåra anpassade händelser.

Skapa händelser med Chrome-tillägget

Installera Chrome-tillägget för händelser

  • I ditt HubSpot-konto, klicka på inställningsikonen inställningar i huvudnavigeringsfältet.}
  • Navigera till Spårning och analys > Spårningskod i menyn i vänster sidofält.
  • Klicka på Installera event Chrome-tillägget.

  • Klicka på Ladda ner.

  • Du omdirigeras till HubSpot Analytics-tillägget i Google Chrome web store. Klicka på Lägg till i Chrome uppe till höger.

  • I dialogrutan klickar du på Lägg till tillägg.
  • När tillägget har installerats visas det som en orange tandhjulsikon tandhjul i verktygsfältet i webbläsaren Chrome.

Skapa en händelse för besökta URL:er med Chrome-tillägget event

  • Navigera till en webbsida med din Spårningskod för HubSpot installerad.
  • I verktygsfältet i webbläsaren Chrome klickar dutandhjulsikonen.
  • I dialogrutan väljer du Besökt URL och klickar sedan på Nästa.

  • Lägg till ditt händelsenamn och lägg eventuellt till en beskrivning. Klicka på Nästa .
  • Klicka på Lägg till för att lägga till en sida. Du kan lägga till flera sidor till ett enda evenemang.
  • I fältet Sidans URL anger du den URL som du vill spåra besök till.
  • Ange ett namn för sidan i fältet Namn. Det här namnet kommer att finnas tillgängligt i egenskapsdata för händelsen under egenskapen Tracking Name (spårningsnamn).
  • Klicka på Skapa händelse.

HubSpot börjar då spåra händelsen. Lär dig hur du analysera händelsen i HubSpot.

Skapa en händelse för ett klickat element med Chrome-tillägget Event.

  • Navigera till en webbsida med din HubSpot-kod för spårning installerad.
  • Klickatandhjulsikonen i verktygsfältet i webbläsaren Chrome.
  • I dialogrutan väljer du klickat element.

  • Klicka på Nästa.
  • Lägg till ditt händelsenamn och lägg eventuellt till en beskrivning. Klicka på Nästa .
  • Klicka på Lägg till om du vill välja ett element på sidan som ska spåras. Välj ett element på sidan som ska spåras. Du kan lägga till flera klickade element till en enda händelse.
  • Klicka på ett element på sidan för att skapa en händelse för ett klickat element. I exemplet nedan spårar händelsen klickat element klick på länken viktiga aspekter.

  • I dialogrutan genereras elementets CSS-selektor automatiskt. Ange ett namn för det element som du spårar. Det här namnet kommer att finnas tillgängligt i data för händelseegenskaperna under egenskapen Tracking Name (spårningsnamn ). Lägg eventuellt till en beskrivning och klicka sedan på Nästa.
  • Om du vill fortsätta att lägga till ytterligare element till händelsen klickar du på Lägg till och väljer ett annat element.
  • Om du vill avsluta och spara händelsen klickar du på Skapa händelse.

Observera: Beroende på hur komplex HTML- och CSS-markeringen på din webbplats är, kan Chrome-tillägget för evenemanget kanske inte upptäcka en unik CSS-selektor för ett element. I det här fallet bör du ändra selektorn. Läs mer om hur du hittar identifierare på en webbsida.

  • När händelsen har skapats framgångsrikt visas ett bekräftelsemeddelande. Klicka på Visa händelse i HubSpot för att visa den nya händelsen för det klickade elementet i din instrumentpanel för händelser.

HubSpot börjar sedan spåra elementet/elementen. Lär dig hur man analysera händelsen i HubSpot.

Förstå och hämta elementväljare

Du kan identifiera ett element genom dess HTML-ID, HTML-klass eller genom att använda en jQuery-selektor.

  • HTML-ID: ange ID för det element som du vill spåra. Om ditt klickade element till exempel är <button id="log-in">, skulle du ange log-in.
  • HTML-klass: Ange class för det element som du vill spåra. Om det klickade elementet till exempel är inställt som <button class="bigCTA">, anger du bigCTA.
  • jQuery selector: ange jQuery-väljare av det element som du vill spåra.

ID

Så här hittar och använder du ett elements ID:

  • Högerklicka på sidan med elementet du vill använda och välj Visa sidans källa eller Inspektera.
  • Klicka på elementet. Du bör kunna se ID-attributet i kodraden (t.ex. id="unique-element-name").
  • Kopiera ID-värdet och klistra in det (t.ex. i det här fallet, unique-element-name) i HTML ID-fältet utan citattecken. För ett element med id="get-started-marketing-hub" skulle du till exempel skriva in get-started-marketing-hub i fältet.

Klass

En klickad elementhändelse kan identifiera ett element med hjälp av dess class-attribut.

Observera:

  • Om flera element på en sida har samma klass räknas endast det första elementet på sidan för att fullborda händelsen. Därför bör du endast använda class som identifierare när inget annat element på sidan har samma klass. Om elementet inte har en unik klass rekommenderas att du använder ID i stället.
  • Om du inte kan uppdatera ett elements källkod för att lägga till en unik klass eller ett unikt ID, rekommenderas det att du använder Chrome-tillägget för att ställa in händelsen istället, eftersom HubSpot kommer att tilldela en mer specifik identifierare.

Så här hittar du ett elements klass och använder den för händelsen:

  • Högerklicka på sidan med elementet du vill använda och välj Visa sidans källa eller Inspektera.
  • Klicka på elementet. Du bör kunna se klassattributet i kodraden (t.ex. class="unique-element-name").
  • Kopiera klassvärdet och klistra in det i fältet HTML Class utan citattecken. Till exempel, för ett element som innehåller i fältet.
    • När ett element har flera klasser kan du använda någon av dess klasser som mål. Om ett element includes class="cta--primary cta--medium homepage-sales" kan du till exempel skriva in cta--primary, cta--medium eller homepage-sales i fältet HTML Class. Se dock till att inga andra element delar den klassen.
    • När flera klasser kopplas samman ska du använda följande format: class1.class2.class3.

jQuery-väljare

Du kan också använda fullständiga jQuery-väljare för att rikta in dig på element. Detta är användbart om elementet du riktar dig till inte har något ID eller någon klass, eller om du behöver vara mer specifik.

Du vill till exempel skapa en klickad elementhändelse med hjälp av en jQuery-väljare för följande element:

<a id="get-started-marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Kom igång med Marketing Hub">Kom igång</a>

I stället för att använda elementets ID eller klass kan du använda en jQuery-selektor för att rikta in dig på elementets href-egenskap genom att skriva in följande i fältet för jQuery-selektor :

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

Läs mer om valörer som stöds.

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