Embed-guide

Du er to script-tags fra at have widget'en kørende på din side.

Hurtig start

Find din token i Dashboard → Embeds og kopiér nedenstående HTML:

<script
  src="https://palivo.dk/embed/v1.js"
  data-token="pv_pk_DIN_TOKEN"
  async
></script>

<div
  data-palivo
  data-a="aarhus"
  data-b="koebenhavn"
  data-tab="skat"
></div>

Parametre

Alle attributter på data-palivo:

data-akommune-slug (fx aarhus)Påkrævet

data-bkommune-slugPåkrævet

data-themeauto | light | darkDefault: auto

data-localeda | enDefault: da

Tema

Widget'en aflæser CSS-variabler fra dit site, hvis du sætter dem:

:root {
  --pv-bg:      #fafaf7;
  --pv-ink:     #0f0f0e;
  --pv-rule:    #ddd9ce;
  --pv-accent:  #b85c3a;
  --pv-radius:  6px;
  --pv-font:    "DM Sans", system-ui, sans-serif;
}

Events

Widget'en udsender custom events du kan lytte på:

window.addEventListener("palivo:ready",   (e) => console.log(e.detail));
window.addEventListener("palivo:tab",     (e) => console.log("tab", e.detail.tab));
window.addEventListener("palivo:compare", (e) => console.log("a/b", e.detail));