Integrasjoner

Legg det på siden din på noen minutter

Én kodelinje fungerer på alle plattformer som lar deg legge inn et script. Velg plattform under, eller hopp til hendelser, webhooks og stand-modus.

Installasjon
Attributter
Hendelser og GA4
Webhooks
Stand og QR

Installasjonsguider

Koden er den samme overalt. Bytt DITTDOMENE og ID med verdiene du får i dashboardet.

Embed-kode

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

WordPress

Du trenger ikke røre koden i temaet. Bruk en plugin for egendefinert kode, for eksempel WPCode, eller legg koden i temaets footer.

Installer en plugin for å legge inn kode i bunnteksten (for eksempel WPCode) og åpne den.
Lag et nytt kodeutdrag av typen HTML og lim inn embed-koden.
Velg plassering Footer (før </body>) og sett utdraget til aktivt.
Last siden på nytt og se at knappen dukker opp.

Embed-kode

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

Vil du plassere spillet midt i en side? Bruk en «Egendefinert HTML»-blokk i blokkeditoren og lim inn koden med data-mode="inline".

Shopify

Gå til Nettbutikk → Temaer, trykk ⋯ → Rediger kode på det aktive temaet.
Åpne filen layout/theme.liquid.
Lim inn embed-koden rett før </body>.
Lagre og last butikken din på nytt.

theme.liquid

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

Ta en kopi av temaet før du redigerer koden. For å vise spillet i en bestemt seksjon kan du bruke en «Egendefinert Liquid»-seksjon med data-mode="inline".

Wix

Åpne dashboardet for siden din og gå til Innstillinger → Egendefinert kode (Custom Code).
Trykk Legg til egendefinert kode og lim inn embed-koden.
Velg Alle sider og plasser koden i Body – slutt.
Lagre og publiser siden.

Embed-kode

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

Egendefinert kode krever vanligvis at nettsiden har en betalt Wix-plan med eget domene.

Squarespace

Gå til Innstillinger → Avansert → Kodeinjeksjon (Code Injection).
Lim inn embed-koden i feltet Footer.
Lagre og last siden på nytt.

Footer

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

Kodeinjeksjon er vanligvis forbeholdt visse Squarespace-planer. Sjekk planen din hos Squarespace.

Webflow

Åpne Project settings → Custom code.
Lim inn embed-koden i Footer code (før </body>).
Lagre og publiser siden på nytt. Endringer vises ikke før publisering.

Footer code

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

Vil du ha spillet på én bestemt side? Bruk et Embed-element på siden i stedet for prosjektinnstillingene.

Google Tag Manager

Opprett en ny tag av typen Egendefinert HTML.
Lim inn embed-koden.
Sett trigger til Alle sider (eller bare de sidene du vil ha spillet på).
Forhåndsvis, publiser containeren og test.

Egendefinert HTML

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

For å måle resultatet i GTM kan du lage en trigger av typen Egendefinert hendelse med navnet leadwin_result. Se hendelser og GA4.

Ren HTML

Lim inn koden rett før </body> på hver side du vil ha den på. Standardmodus er pop-up med en flytende knapp.

index.html

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

Inline i siden (spillet vises der du plasserer 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 knapp som åpner pop-up:

Egen knapp

<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

Legg skriptet inn én gang, for eksempel i rot-layouten.

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

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

Bruk komponenten bare ett sted i appen, ellers lastes skriptet flere ganger. Åpne spillet fra egen knapp med window.Leadwin?.open().

Embed

Embed-attributter

Alle valg er frivillige, unntatt data-campaign.

Embed-attributter
Attributt	Verdi	Beskrivelse	Standard
`data-campaign`	Påkrevd	Kampanje-ID fra dashboardet.	–
`data-mode`	popup \| inline \| manual	`popup`: flytende knapp som åpner spillet i en pop-up. `inline`: spillet vises direkte i siden. `manual`: ingen knapp, du åpner selv.	popup
`data-target`	CSS-velger	Element der spillet plasseres (kun `inline`). Uten target vises spillet der skriptet står.	–
`data-position`	left \| right	Hvilken side den flytende knappen ligger på.	Fra kampanjen, ellers right
`data-delay`	Sekunder	Forsinkelse før knappen vises.	Fra kampanjen
`data-exit-intent`	true \| false	Åpner pop-up når besøkende er på vei ut av siden (musepekeren forlater nettleservinduet). Kun på desktop.	Fra kampanjen
`data-height`	Piksler	Høyde på spillet i `inline`-modus.	680
`data-text`	Tekst	Tekst på den flytende knappen.	Fra kampanjen

Egen knapp

Legg data-leadwin-open på en hvilken som helst knapp eller lenke, og kampanjen åpnes i pop-up.

HTML

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

JavaScript

Åpne og lukk fra egen kode i popup- og manual-modus.

JavaScript

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

Måling

JavaScript-hendelser, dataLayer og GA4

Embed-skriptet sender hendelser på window og legger dem i dataLayer, slik at du kan måle kampanjen i GTM og GA4.

Hendelser
Hendelse (window)	dataLayer	Når
`leadwin:open`	`leadwin_open`	Pop-up åpnes
`leadwin:close`	`leadwin_close`	Pop-up lukkes
`leadwin:play`	`leadwin_play`	Besøkende har spilt
`leadwin:result`	`leadwin_result`	Resultatet vises (gevinst eller ikke)

Detaljene ligger i event.detail. For result får du blant annet win (sann/usann) og prize (navnet på premien).

Lytt på hendelser

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.

Ikke send personopplysninger til analyseverktøy. Send aldri navn, e-post eller gevinstkode til GA4. Bruk bare det du trenger for å måle kampanjen, og husk samtykke til analysekapsler.

Webhooks

Send leads videre til Zapier, Make og n8n

Med webhooks (Pro og Business) sender vi en POST-forespørsel med JSON hver gang noen spiller. Lim inn webhook-URL-en i kampanjeinnstillingene, så trenger du ikke eksportere leads manuelt. URL-en må være offentlig tilgjengelig.

Zapier

Lag en Zap med trigger Webhooks by Zapier → Catch Hook, og kopier URL-en inn i kampanjen.

Make

Legg til modulen Webhooks → Custom webhook og kopier adressen den viser.

n8n

Bruk noden Webhook med metoden POST, og kopier produksjons-URL-en.

Eksempel på JSON

POST ditt-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"
  }
}

Eksempelet viser fiktive data. marketingConsent forteller om personen har sagt ja til markedsføring. Respekter det i oppfølgingen.

Stand

Stand-modus og QR-kode

Stand-modus

Åpne kampanjen med ?kiosk=1 på et nettbrett i fullskjerm. Spillet nullstiller seg mellom deltakere, klart for neste person.

Adresse

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

QR-kode på mobil

La besøkende skanne en QR-kode og spille på egen telefon. Det avlaster nettbrettet i kø. QR-koden finner du i dashboardet, og under Markedsmateriell kan du bestille plakat med QR-kode.

Se mer om stand og messe →

Løs inn gevinst. Når vinneren viser koden, skriver du den inn under «Løs inn gevinst» i dashboardet. Hver kode kan bare brukes én gang.

Klar til å legge det inn?

Opprett en gratis konto, kopier kodelinjen og lim den inn.

Kom i gang gratis Ingen kredittkort · Gratis plan med 20 spill i måneden · GDPR-vennlig