Anpassade Events

Spåra klick, formulärinskick, videovisningar och andra interaktioner på din sajt.

Grundläggande användning

Använd va()-funktionen för att skicka events:

// Syntax
va('event', 'Event Name', { optional: 'properties' });

// Examples
va('event', 'Button Click');
va('event', 'Signup', { plan: 'pro' });
va('event', 'Download', { file: 'whitepaper.pdf', size: '2.4MB' });

Vanliga exempel

Knappklick

<button onclick="va('event', 'CTA Click', { button: 'hero' })">
  Get started
</button>

Formulärinskick

<form onsubmit="va('event', 'Form Submit', { form: 'contact' })">
  <input type="email" name="email" required />
  <button type="submit">Submit</button>
</form>

Utgående länk

<a href="https://partner.com"
   onclick="va('event', 'Outbound Link', { url: 'partner.com' })"
   target="_blank">
  Visit our partner
</a>

Filnedladdning

<a href="/files/report.pdf"
   onclick="va('event', 'Download', { file: 'report.pdf' })"
   download>
  Download report (PDF)
</a>

Event properties

Du kan skicka med valfri metadata som properties. Dessa sparas som JSON och kan användas för att filtrera och analysera events senare.

va('event', 'Purchase', {
  productId: '12345',
  productName: 'Premium Plan',
  price: 299,
  currency: 'USD'
});

Kontrollera om scriptet laddats

Om du vill vara säker på att scriptet har laddats innan du skickar events:

// Safe method
if (typeof va !== 'undefined') {
  va('event', 'My Event');
}

// Or with optional chaining
window.va?.('event', 'My Event');

Tips

Håll event-namn korta och konsekventa. Använd engelska eller svenska genomgående, och undvik specialtecken.

Events vs Mål vs Properties

Det är viktigt att förstå skillnaden mellan dessa tre begrepp:

BegreppVad är det?Var ser jag det?
EventsRådata som sparas när va('event', ...) anropas.
Sparas ALLTID automatiskt.
Events-loggen
PropertiesMetadata som skickas med events (t.ex. product_id, category_slug).
Endast whitelistade properties sparas.
Properties-fliken (sajt-detaljvy)
Mål (Goals)En REGEL som matchar events eller sidvisningar.
Du måste skapa målet separat i dashboarden.
Mål-sektionen + sajt-detaljvy

Viktigt att förstå

Du behöver INTE skapa ett mål för att events ska sparas. Events sparas alltid när va() anropas.

Mål ger dig en extra "räknare" med trend-pil och conversion rate - användbart om du vill tracka specifika konverteringar över tid.

Exempel: Affiliate-klick

Så här fungerar det i praktiken:

  1. 1. Skicka event: va('event', 'affiliate_click', {'product_id': '123'})
    → Event + properties sparas automatiskt
  2. 2. Se i Properties-fliken: Välj product_id i dropdown för att se vilka produkter som klickas mest
  3. 3. (Valfritt) Skapa mål: Om du vill se antal affiliate-klick med trend → skapa mål med event-namn "affiliate_click"

Se events i dashboarden

Events visas i Besökskollen-dashboarden. Du kan:

  • Properties-fliken - Se breakdown av event properties (product_id, category_slug, etc.)
  • Mål-sektionen - Skapa mål som matchar specifika event-namn

Prompta din AI

Kopiera prompten nedan och klistra in i din favorit-AI (ChatGPT, Claude, etc.) för att få hjälp med att sätta upp event-tracking på din sajt.

AI-prompt för event-tracking

docs.customEvents.aiPrompt.prompt