Lägg in det på din webbplats på några minuter
En enda kodrad fungerar på alla plattformar som låter dig lägga in ett script. Välj plattform nedan, eller hoppa till händelser, webhooks och monterläge.
Installationsguider
Koden är densamma överallt. Byt ut DITTDOMENE och ID mot värdena du får i dashboarden.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>WordPress
Du behöver inte röra koden i temat. Använd ett plugin för anpassad kod, till exempel WPCode, eller lägg koden i temats footer.
- Installera ett plugin för att lägga in kod i sidfoten (till exempel WPCode) och öppna det.
- Skapa ett nytt kodutdrag av typen HTML och klistra in embed-koden.
- Välj placering Footer (före
</body>) och sätt utdraget som aktivt. - Ladda om sidan och se att knappen dyker upp.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>data-mode="inline".Shopify
- Gå till Webbutik → Teman och tryck på ⋯ → Redigera kod på det aktiva temat.
- Öppna filen
layout/theme.liquid. - Klistra in embed-koden strax före
</body>. - Spara och ladda om din butik.
...
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>
</body>data-mode="inline".Wix
- Öppna dashboarden för din sida och gå till Inställningar → Anpassad kod (Custom Code).
- Tryck på Lägg till anpassad kod och klistra in embed-koden.
- Välj Alla sidor och placera koden i Body – slut.
- Spara och publicera sidan.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>Squarespace
- Gå till Inställningar → Avancerat → Kodinjektion (Code Injection).
- Klistra in embed-koden i fältet Footer.
- Spara och ladda om sidan.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>Webflow
- Öppna Project settings → Custom code.
- Klistra in embed-koden i Footer code (före
</body>). - Spara och publicera sidan igen. Ändringar syns inte förrän du har publicerat.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>Google Tag Manager
- Skapa en ny tagg av typen Anpassad HTML.
- Klistra in embed-koden.
- Sätt triggern till Alla sidor (eller bara de sidor där du vill ha spelet).
- Förhandsgranska, publicera containern och testa.
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>leadwin_result. Se händelser och GA4.Ren HTML
Klistra in koden strax före </body> på varje sida där du vill ha den. Standardläget är pop-up med en flytande knapp.
<body>
...
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>
</body>Inline på sidan (spelet visas där du placerar det):
<div id="spill"></div>
<script src="https://DITTDOMENE/embed.js"
data-campaign="ID"
data-mode="inline"
data-target="#spill"
data-height="680"
async></script>Egen knapp som öppnar popup:
<button data-leadwin-open>Spinn og vinn!</button>
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" data-mode="manual" async></script>React och Next.js
Lägg in skriptet en gång, till exempel i rotlayouten.
Next.js (next/script):
import Script from "next/script";
export default function RootLayout({ children }) {
return (
<html lang="nb">
<body>
{children}
<Script
src="https://DITTDOMENE/embed.js"
data-campaign="ID"
strategy="afterInteractive"
/>
</body>
</html>
);
}React (vanlig):
import { useEffect } from "react";
export function Leadwin({ id }) {
useEffect(() => {
const s = document.createElement("script");
s.src = "https://DITTDOMENE/embed.js";
s.async = true;
s.dataset.campaign = id;
document.body.appendChild(s);
}, [id]);
return null;
}window.Leadwin?.open().Embed-attribut
Alla val är frivilliga, förutom data-campaign.
| Attribut | Värde | Beskrivning | Standard |
|---|---|---|---|
data-campaign | Obligatoriskt | Kampanj-ID från dashboarden. | – |
data-mode | popup | inline | manual | popup: flytande knapp som öppnar spelet i en popup. inline: spelet visas direkt på sidan. manual: ingen knapp, du öppnar det själv. | popup |
data-target | CSS-väljare | Element där spelet placeras (endast inline). Utan target visas spelet där skriptet står. | – |
data-position | left | right | Vilken sida den flytande knappen ligger på. | Från kampanjen, annars right |
data-delay | Sekunder | Fördröjning innan knappen visas. | Från kampanjen |
data-exit-intent | true | false | Öppnar pop-up när besökare är på väg att lämna sidan (muspekaren lämnar webbläsarfönstret). Endast på desktop. | Från kampanjen |
data-height | Pixlar | Spelets höjd i inline-läge. | 680 |
data-text | Text | Text på den flytande knappen. | Från kampanjen |
Egen knapp
Lägg data-leadwin-open på vilken knapp eller länk som helst, så öppnas kampanjen i en pop-up.
<button data-leadwin-open>Spinn og vinn!</button>JavaScript
Öppna och stäng från din egen kod i popup- och manual-läge.
Leadwin.open();
Leadwin.close();JavaScript-händelser, dataLayer och GA4
Embed-skriptet skickar händelser på window och lägger dem i dataLayer, så att du kan mäta kampanjen i GTM och GA4.
| Händelse (window) | dataLayer | När |
|---|---|---|
leadwin:open | leadwin_open | Pop-up öppnas |
leadwin:close | leadwin_close | Pop-up stängs |
leadwin:play | leadwin_play | Besökare har spelat |
leadwin:result | leadwin_result | Resultatet visas (vinst eller inte) |
Detaljerna finns i event.detail. För result får du bland annat win (sant/falskt) och prize (prisets namn).
Lyssna på händelser
window.addEventListener("leadwin:result", function (e) {
console.log("Vant?", e.detail.win, "Premie:", e.detail.prize);
});Skicka resultatet till GA4
window.addEventListener("leadwin:result", function (e) {
gtag("event", "leadwin_result", {
win: e.detail.win,
prize: e.detail.prize
});
});// Skriptet gjør dette for deg:
dataLayer.push({
event: "leadwin_result",
campaign: "ID",
detail: { win: true, prize: "10 % rabatt" }
});
// I GTM: lag en trigger av typen «Egendefinert hendelse»
// med hendelsesnavn leadwin_result, og koble den til
// en GA4-hendelse-tag.Skicka leads vidare till Zapier, Make och n8n
Med webhooks (Pro och Business) skickar vi en POST-förfrågan med JSON varje gång någon spelar. Klistra in webhook-URL:en i kampanjinställningarna så slipper du exportera leads manuellt. URL:en måste vara offentligt tillgänglig.
Zapier
Skapa en Zap med triggern Webhooks by Zapier → Catch Hook och kopiera in URL:en i kampanjen.
Make
Lägg till modulen Webhooks → Custom webhook och kopiera adressen den visar.
n8n
Använd noden Webhook med metoden POST och kopiera produktions-URL:en.
Exempel på JSON
{
"event": "entry.created",
"campaign": { "id": "AB12CD34", "name": "Sommerkampanje" },
"entry": {
"name": "Kari Nordmann",
"email": "kari@eksempel.no",
"phone": "",
"company": "",
"answers": {},
"prize": "10 % rabatt",
"win": true,
"code": "VINN-7K2P",
"marketingConsent": true,
"createdAt": "2026-01-15T10:30:00.000Z"
}
}marketingConsent anger om personen har sagt ja till marknadsföring. Respektera det i uppföljningen.Monterläge och QR-kod
Monterläge
Öppna kampanjen med ?kiosk=1 på en surfplatta i helskärm. Spelet nollställs mellan deltagare, redo för nästa person.
https://DITTDOMENE/p/ID?kiosk=1QR-kod på mobil
Låt besökare skanna en QR-kod och spela på sin egen telefon. Det avlastar surfplattan när det blir kö. QR-koden hittar du i dashboarden, och under Tryckt material kan du beställa en affisch med QR-kod.
Redo att lägga in det?
Skapa ett gratis konto, kopiera kodraden och klistra in den.
Kom igång gratis Inget kreditkort · Gratisplan med 20 spel i månaden · GDPR-vänligt