Integrationer

Læg det på din side på få minutter

Én kodelinje fungerer på alle platforme, hvor du kan indsætte et script. Vælg platform nedenfor, eller spring til hændelser, webhooks og standtilstand.

Installation
Attributter
Hændelser og GA4
Webhooks
Stand og QR

Installationsguides

Koden er den samme overalt. Udskift DITTDOMENE og ID med de værdier, du får i dashboardet.

Embed-kode

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

WordPress

Du behøver ikke røre koden i temaet. Brug et plugin til brugerdefineret kode, for eksempel WPCode, eller læg koden i temaets footer.

Installér et plugin, der kan indsætte kode i sidefoden (for eksempel WPCode), og åbn det.
Opret et nyt kodeudsnit af typen HTML, og indsæt embed-koden.
Vælg placeringen Footer (før </body>), og sæt udsnittet til aktivt.
Genindlæs siden, og se knappen dukke op.

Embed-kode

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

Vil du placere spillet midt på en side? Brug en «Brugerdefineret HTML»-blok i blokeditoren, og indsæt koden med data-mode="inline".

Shopify

Gå til Webshop → Temaer, og tryk på ⋯ → Rediger kode på det aktive tema.
Åbn filen layout/theme.liquid.
Indsæt embed-koden lige før </body>.
Gem og genindlæs din butik.

theme.liquid

  ...
  <script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>
</body>

Tag en kopi af temaet, før du redigerer koden. For at vise spillet i en bestemt sektion kan du bruge en «Brugerdefineret Liquid»-sektion med data-mode="inline".

Wix

Åbn dashboardet for din side, og gå til Indstillinger → Brugerdefineret kode (Custom Code).
Tryk på Tilføj brugerdefineret kode, og indsæt embed-koden.
Vælg Alle sider, og placér koden i Body – slut.
Gem og publicér siden.

Embed-kode

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

Brugerdefineret kode kræver normalt, at hjemmesiden har en betalt Wix-plan med eget domæne.

Squarespace

Gå til Indstillinger → Avanceret → Kodeinjektion (Code Injection).
Indsæt embed-koden i feltet Footer.
Gem og genindlæs siden.

Footer

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

Kodeinjektion er normalt forbeholdt visse Squarespace-planer. Tjek din plan hos Squarespace.

Webflow

Åbn Project settings → Custom code.
Indsæt embed-koden i Footer code (før </body>).
Gem og publicér siden igen. Ændringer vises først efter publicering.

Footer code

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

Vil du have spillet på én bestemt side? Brug et Embed-element på siden i stedet for projektindstillingerne.

Google Tag Manager

Opret et nyt tag af typen Brugerdefineret HTML.
Indsæt embed-koden.
Sæt triggeren til Alle sider (eller kun de sider, du vil have spillet på).
Se forhåndsvisningen, udgiv containeren, og test.

Brugerdefineret HTML

<script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>

For at måle resultatet i GTM kan du oprette en trigger af typen Brugerdefineret hændelse med navnet leadwin_result. Se hændelser og GA4.

Ren HTML

Indsæt koden lige før </body> på hver side, du vil have den på. Standardtilstanden er pop-up med en flydende knap.

index.html

<body>
  ...
  <script src="https://DITTDOMENE/embed.js" data-campaign="ID" async></script>
</body>

Inline på siden (spillet vises, hvor du placerer det):

Inline

<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 knap, der åbner pop-up:

Egen knap

<button data-leadwin-open>Spinn og vinn!</button>
<script src="https://DITTDOMENE/embed.js" data-campaign="ID" data-mode="manual" async></script>

React og Next.js

Indsæt scriptet én gang, for eksempel i rod-layoutet.

Next.js (next/script):

app/layout.jsx

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 (almindelig):

Leadwin.jsx

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

Brug komponenten kun ét sted i appen, ellers indlæses scriptet flere gange. Åbn spillet fra en egen knap med window.Leadwin?.open().

Embed

Embed-attributter

Alle valg er frivillige, undtagen data-campaign.

Embed-attributter
Attribut	Værdi	Beskrivelse	Standard
`data-campaign`	Obligatorisk	Kampagne-ID fra dashboardet.	–
`data-mode`	popup \| inline \| manual	`popup`: flydende knap, der åbner spillet i en pop-up. `inline`: spillet vises direkte på siden. `manual`: ingen knap, du åbner det selv.	popup
`data-target`	CSS-vælger	Element, hvor spillet placeres (kun `inline`). Uden target vises spillet, der hvor scriptet står.	–
`data-position`	left \| right	Hvilken side den flydende knap sidder på.	Fra kampagnen, ellers right
`data-delay`	Sekunder	Forsinkelse, før knappen vises.	Fra kampagnen
`data-exit-intent`	true \| false	Åbner pop-up, når besøgende er på vej væk fra siden (musemarkøren forlader browservinduet). Kun på desktop.	Fra kampagnen
`data-height`	Pixels	Spillets højde i `inline`-tilstand.	680
`data-text`	Tekst	Tekst på den flydende knap.	Fra kampagnen

Egen knap

Sæt data-leadwin-open på en vilkårlig knap eller et link, så åbnes kampagnen i en pop-up.

HTML

<button data-leadwin-open>Spinn og vinn!</button>

JavaScript

Åbn og luk fra din egen kode i popup- og manual-tilstand.

JavaScript

Leadwin.open();
Leadwin.close();

Måling

JavaScript-hændelser, dataLayer og GA4

Embed-scriptet sender hændelser på window og lægger dem i dataLayer, så du kan måle kampagnen i GTM og GA4.

Hændelser
Hændelse (window)	dataLayer	Når
`leadwin:open`	`leadwin_open`	Pop-up åbnes
`leadwin:close`	`leadwin_close`	Pop-up lukkes
`leadwin:play`	`leadwin_play`	Besøgende har spillet
`leadwin:result`	`leadwin_result`	Resultatet vises (gevinst eller ej)

Detaljerne ligger i event.detail. For result får du blandt andet win (sand/falsk) og prize (navnet på præmien).

Lyt efter hændelser

JavaScript

window.addEventListener("leadwin:result", function (e) {
  console.log("Vant?", e.detail.win, "Premie:", e.detail.prize);
});

Send resultatet til GA4

GA4 med gtag.js

window.addEventListener("leadwin:result", function (e) {
  gtag("event", "leadwin_result", {
    win: e.detail.win,
    prize: e.detail.prize
  });
});

dataLayer (GTM)

// 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.

Send ikke persondata til analyseværktøjer. Send aldrig navn, e-mail eller gevinstkode til GA4. Brug kun det, du har brug for til at måle kampagnen, og husk samtykke til analysecookies.

Webhooks

Send leads videre til Zapier, Make og n8n

Med webhooks (Pro og Business) sender vi en POST-forespørgsel med JSON, hver gang nogen spiller. Indsæt webhook-URL'en i kampagneindstillingerne, så behøver du ikke eksportere leads manuelt. URL'en skal være offentligt tilgængelig.

Zapier

Opret en Zap med triggeren Webhooks by Zapier → Catch Hook, og kopiér URL'en ind i kampagnen.

Make

Tilføj modulet Webhooks → Custom webhook, og kopiér den adresse, det viser.

n8n

Brug noden Webhook med metoden POST, og kopier produktions-URL'en.

Eksempel på JSON

POST dit-endepunkt

{
  "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"
  }
}

Eksemplet viser fiktive data. marketingConsent fortæller, om personen har sagt ja til markedsføring. Respekter det i opfølgningen.

Stand

Standtilstand og QR-kode

Standtilstand

Åbn kampagnen med ?kiosk=1 på en tablet i fuld skærm. Spillet nulstiller sig mellem deltagere, klar til næste person.

Adresse

https://DITTDOMENE/p/ID?kiosk=1

QR-kode på mobil

Lad besøgende scanne en QR-kode og spille på deres egen telefon. Det aflaster tabletten, når der er kø. QR-koden finder du i dashboardet, og under Tryksager kan du bestille en plakat med QR-kode.

Se mere om stand og messe →

Indløs gevinst. Når vinderen viser koden, skriver du den ind under «Indløs gevinst» i dashboardet. Hver kode kan kun bruges én gang.

Klar til at lægge det ind?

Opret en gratis konto, kopiér kodelinjen, og indsæt den.

Kom i gang gratis Intet kreditkort · Gratis plan med 20 spil om måneden · GDPR-venlig