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.

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)
• Utskick av blanketter
• Egna JavaScript-evenemang

Varje affär visas i instrumentpanelen med följande uppgifter:

• Namn på målprojektet
• Antal utgivningar
• 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 länk leder till sidan lämnar omedelbart, Ibland kan webbläsaren inte skicka spårningen i tid.

Lösning:
► Försena vidarebefordran kort och endast efter spårning avrätta.

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:

• mindre underhållsbar
• skrivs ofta över av sidbyggare
• tekniskt oren

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 Utforma system med egen framgångslogik (t.ex. smarta byggare)

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

→ Korrekt för verktyg som har en egen „framgångskrok“.

4.4 Spårning via tack-sida (fallback)

Om inget av detta fungerar:

1. Form framgångsrik
2. Omdirigera till ny sida (t.ex. /tack/)
3. Använd spårningskod för sidvisningar på den här 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.