Integrationsguider

Välj din plattform nedan för att få specifika instruktioner om hur du installerar Besökskollen tracking-scriptet.

HTML / Vanilla JavaScript

Enkel

För statiska sajter eller custom-byggda webbplatser. Klistra in scriptet direkt i HTML.

→

WordPress

Enkel

Installera via tema, plugin eller header-inställningar. Passar alla WordPress-sajter.

→

Next.js

Medel

För Next.js 13+ med App Router eller Pages Router. Inkluderar SPA-navigation.

→

React (Single Page App)

Medel

För React-appar med react-router eller liknande. Hanterar client-side navigation.

→

Shopify

Enkel

Lägg till via tema-inställningar i Shopify admin. Ingen kodning krävs.

→

Squarespace

Enkel

Lägg till via Code Injection i Squarespace-inställningar.

→

Vue.js / Nuxt

Medel

För Vue 2/3-appar och Nuxt-projekt. Composables och plugin-stöd.

→

Webflow

Enkel

Lägg till via Custom Code i Project Settings.

→

Wix

Enkel

Lägg till via Custom Code i Wix Dashboard.

→

Hugo / Jekyll / Gatsby / Astro

Enkel

För statiska sajter och JAMstack. Enkelt script i head-taggen.

→

Generell installation

Oavsett plattform är grundprincipen densamma: lägg till vårt script i <head>-taggen på din sajt.

<script defer
  data-site-id="DIN-SAJT-ID"
  data-api="https://besokskollen.se"
  src="https://besokskollen.se/script.js">
</script>

Attribut

Attribut	Beskrivning	Obligatorisk
data-site-id	Ditt unika sajt-ID från dashboarden	Ja
data-api	API-endpoint för tracking-data	Ja
defer	Laddar scriptet asynkront utan att blockera	Rekommenderas

Viktigt: Glöm inte data-api

Attributet data-api måste vara med för att tracking-data ska skickas till rätt server. Utan detta kommer scriptet inte fungera.

AI-prompt för integration

Jag vill installera Besökskollen (besokskollen.se) tracking-script på min sajt. Scriptet ser ut så här: <script defer data-site-id="MITT-SAJT-ID" data-api="https://besokskollen.se" src="https://besokskollen.se/script.js"></script> Min sajt/plattform är: [BESKRIV DIN SETUP - t.ex. "WordPress med Elementor", "Next.js 14 med App Router", "Shopify", "custom PHP-sajt"] Jag vill också aktivera dessa tillägg (valfritt): - data-outbound-links (spåra externa länkklick) - data-file-downloads (spåra filnedladdningar) - data-forms (spåra formulärinskick) - data-scroll-depth (spåra scroll-djup) Hjälp mig: 1. Var exakt ska jag lägga scriptet i min setup? 2. Hur verifierar jag att det fungerar? 3. Om jag har SPA (Single Page Application), hanteras navigation automatiskt? 4. Behöver jag konfigurera Content Security Policy (CSP)? 5. Ge mig den kompletta koden jag ska använda

Hittar du inte din plattform?

De flesta plattformar stödjer att lägga till custom scripts i headern. Sök efter "header scripts", "code injection" eller "custom code" i din plattforms dokumentation.

Behöver du hjälp? Kontakta oss så hjälper vi dig.