Trackboxx Konverteringsspårning

Med konverteringsspårning från Trackboxx kan du mäta vilka åtgärder besökarna vidtar på din webbplats - t.ex. klick på viktiga länkar, formulär som skickas eller visningar av vissa sidor.
Dessa data hjälper dig att exakt analysera hur framgångsrik din marknadsföring och dina webbplatsåtgärder är.

Viktigt: På Trackboxx erbjuder vi även möjligheten att spåra konverteringar/mål via automatisk spårning. Denna metod är betydligt enklare och kräver ingen ytterligare kod på din webbplats. Klicka här för artikeln – Automatiska mål

Vilka konverteringstyper kan Trackboxx registrera?

Trackboxx stöder följande evenemang:

• Klick på länkar, knappar eller menyalternativ
• Visning av vissa sidor (t.ex. en tacksida)
• Formulärinlämningar
• Egna JavaScript-evenemang

Varje konvertering visas i kontrollpanelen med följande uppgifter:

• Konverteringens namn
• Antal aktiveringar
• Värde (valfritt)
• Konverteringsgrad under den valda perioden

1. Skapa konvertering

Det är så här du skapar ett nytt målprojekt:

1. Klicka på kugghjulet längst upp till höger
2. Välj Webbplatser
3. Välj webbplats och klicka på Mål
4. Klicka på Skapa målprojekt
5. Tilldela namn & beskrivning
6. Du kommer att få en kod som denna:

Detta grundläggande ID integreras senare i lämpliga kodexempel.

2. klickspårning

Du kan spåra klick på olika sätt.
Trackboxx rekommenderar JavaScript-variant, eftersom det är stabilare, mer flexibelt och mer GDPR-vänligt.

2.1 Klickspårning via JavaScript

a) Spårning via ett CSS-ID

<a href="/kontakt/" id="kontakt-länk">Kontakta oss</a>
Kodspråk: HTML, XML (xml)

Spårningskod:

<manus>
dokument.getElementById('kontakt-länk').addEventListener('klicka', () => {
    trackboxx('trackGoal', 'DITT ID');
});
</manus>
Kodspråk: HTML, XML (xml)

b) Spårning via en CSS-klass

<manus>
dokument.querySelector('.kontakt-länk').addEventListener('klicka', () => {
    trackboxx('trackGoal', 'DITT ID');
});
</manus>Kodspråk: HTML, XML (xml)

⚠️ Notera:
querySelector() spår endast det första elementet med den här klassen.

För flera element på samma gång:

<manus>
dokument.querySelectorAll('.kontakt-länk').forEach(el => {
    el.addEventListener('klicka', () => {
        trackboxx('trackGoal', 'DITT ID');
    });
});
</manus>
Kodspråk: HTML, XML (xml)

2.2 Klickspårning med omedelbar vidarebefordran (externa länkar, nedladdningar, mailto, tel)

Om en besökare lämnar sidan via en länk omedelbart, kanske webbläsaren inte hinner skicka spårningssignalen.

Lösning:
► Fördröj omdirigeringen kort och genomför den först när spårningssignalen har skickats.

Exempel:

<manus>
dokument.querySelectorAll('.extern-länk').forEach(el => {
  el.addEventListener('klicka', (e) => {
    e.preventDefault();
    trackboxx('trackGoal', 'DITT ID');
    setTimeout(() => {
      fönster.location = el.href;
    }, 150);
  });
});
</manus>
Kodspråk: HTML, XML (xml)

Rekommenderas för:

• externa länkar
• PDF-nedladdningar
• Mailto-länkar
• Tel-länkar
• Affiliate-länkar

2.3 Klickspårning via inline-HTML (påklick)

Den här metoden fungerar, men är inte optimal:

<a href="/kontakt/" påklick="trackboxx('trackGoal', 'DEINE-ID');">Kontakta oss</a>
Kodspråk: HTML, XML (xml)

⚠️ Nackdelar:

• svårare att underhålla
• skrivs ofta över av sidbyggare
• tekniskt mindre tillförlitlig

Rekommendation: JavaScript istället för inline.

3. sidvisningar (konvertering av sidvisningar)

För att mäta hur ofta en viss sida besöks:

<manus>
dokument.addEventListener('DOMContentLoaded', () => {
    trackboxx('trackGoal', 'DITT ID');
});
</manus>
Kodspråk: HTML, XML (xml)

Idealisk för:

• Tack sidor
• Orderbekräftelser
• Framgångsrikt skickade sidor

4. spårning av formulär

Det finns tre sätt:

4.1 Övervaka formuläret via vid inlämning (om åtkomst är möjlig)

<Form vid inlämning="trackboxx('trackGoal', 'DEINE-ID');">
Kodspråk: HTML, XML (xml)

Enkelt - fungerar överallt där HTML kan redigeras.

4.2 Spåra formulärutskick via JavaScript

Om eventListener krävs:

<manus>
dokument.querySelector('#kontaktformulär').addEventListener('skicka', () => {
    trackboxx('trackGoal', 'DITT ID');
});
</manus>
Kodspråk: HTML, XML (xml)

4.3 Formulärsystem med egen logik för lyckad inlämning (t.ex. smarta byggverktyg)

<manus>
sk('formulär', 'init', {
  onSuccess: funktion() {
    trackboxx('trackGoal', 'DITT ID');
  }
});
</manus>
Kodspråk: HTML, XML (xml)

→ Rekommenderas för verktyg som har en egen “success”-hook.

4.4 Spårning via tack-sida (fallback)

Om inget av detta fungerar:

1. Formuläret skickas utan fel
2. Omdirigera till en ny sida (t.ex. /tack/)
3. Lägg in spårningskoden för sidvisningar på den sidan

Detta är den mest universella lösningen.

5. WordPress-specifik spårning

5.1 Spårning av menyklick via CSS-klass

WordPress menyalternativ får t.ex:

CSS-klass: ny-här
Kodspråk: HTTP (http)

Spårning:

<manus>
dokument.querySelector('.ny-här').addEventListener('klicka', () => {
    trackboxx('trackGoal', 'DITT ID');
});
</manus>
Kodspråk: HTML, XML (xml)

Automatisk generator för konverteringskod

// Ange ditt konverterings-ID först.

Relaterade artiklar:

Spåra Google Ads / Facebook Ads via UTM - I den här artikeln visar vi dig hur du kan spåra och analysera dina betalda kampanjer på Google eller Meta/Facebook med Trackboxx.