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' });

// Exempel
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' })">
  Kom igång
</button>

Formulärinskick

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

Utgående länk

<a href="https://partner.com"
   onclick="va('event', 'Outbound Link', { url: 'partner.com' })"
   target="_blank">
  Besök vår partner
</a>

Filnedladdning

<a href="/files/rapport.pdf"
   onclick="va('event', 'Download', { file: 'rapport.pdf' })"
   download>
  Ladda ner rapport (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: 'SEK'
});

Kontrollera om scriptet laddats

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

// Säker metod
if (typeof va !== 'undefined') {
  va('event', 'My Event');
}

// Eller med 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

Jag använder Besökskollen (besokskollen.se) för webbanalys. De har en tracking-funktion som fungerar så här: va('event', 'Event-namn', { property: 'värde' }); Exempel: - va('event', 'Button Click', { button: 'hero-cta' }) - va('event', 'Form Submit', { form: 'contact' }) - va('event', 'Download', { file: 'rapport.pdf' }) Min sajt är: [BESKRIV DIN SAJT - t.ex. "en e-handel som säljer skor"] Jag vill spåra följande handlingar: [BESKRIV VAD DU VILL SPÅRA - t.ex. "när någon klickar på 'Lägg i varukorg', när någon slutför ett köp, när någon anmäler sig till nyhetsbrevet"] Hjälp mig skapa event-tracking för dessa handlingar. Ge mig: 1. Event-namn (korta, konsekventa) 2. Relevanta properties att skicka med 3. Kod-exempel som jag kan kopiera in på min sajt