# Avancerade inbäddningsalternativ

> Inbäddningswidgeten har stöd för mer konfiguration än vad kodavsnittet för kopiering och inklistring visar, inklusive att skicka klientalternativ vidare till kassan som den öppnar.

Inbäddningskoderna som genereras i ditt Entase-konto placerar en färdig eventwidget på en sida. De är utformade för att kopieras och klistras in utan utvecklingsarbete – se [Bädda in event på din webbplats](/organizers/sharing-and-embedding/embedding-events-on-your-website.md) för hur du skaffar en.

På den här sidan beskrivs alternativen du kan lägga till i kodavsnittet och hur du konfigurerar kassan som det öppnar.

Widgeten läser in JavaScript-klienten själv, så du ska inte lägga till `client.js` bredvid den. Den behöver inte heller en publicerbar nyckel: widgeten tillhandahålls av Entase, så kassan auktoriseras via widgeten i stället för via en nyckel på din sida.

## Konfiguration

Varje widget konfigureras med ett alternativobjekt:

```html
<div id="entase_OBJ_CODE"></div>
<script>
  window.entase = window.entase || { o: [] };
  window.entase.o.push({
    obj: 'OBJ_CODE',
    theme: 'dark',
    ext: true
  });
</script>
<script src="https://js.entase.com/embed.js" async></script>
```

`obj` kopplar konfigurationen till dess behållare: widgeten renderas i elementet vars id är `entase_` följt av samma kod. Om elementet saknas loggar widgeten en varning och renderar ingenting.

Lägg till en post per widget för att placera flera på en sida.

| Namn | Typ | Standardvärde | Beskrivning |
|---|---|---|---|
| `obj` | string | – | Objektkoden från ditt inbäddningskodavsnitt. Krävs. |
| `width` | string | `'auto'` | Behållarens bredd som ett CSS-värde. `'auto'` betyder full bredd. |
| `height` | string | `'auto'` | Behållarens höjd som ett CSS-värde. `'auto'` börjar på 200px och widgeten ändrar själv storlek för att passa innehållet. |
| `theme` | string | `'light'` | `'light'` eller `'dark'`. |
| `locale` | string | `'auto'` | Widgetens språk. `'auto'` läser attributet `lang` för ditt `<html>`-element. |
| `ext` | boolean | `false` | Utökad layout – lägger till eventnamnet och affischen ovanför datumen. |
| `attribution` | boolean | `true` | Visar en rad med hänvisning till Entase. Ange `false` för att dölja den. |
| `client` | object | `{}` | Alternativ som skickas vidare till JavaScript-klienten som öppnar kassan. |

Behållaren får en minsta bredd på 200px oavsett `width`; under den bredden kan widgeten inte ordnas korrekt.

## Konfigurera kassan

`client` accepterar samma alternativ som klientkonstruktorn, så kassan som öppnas från en widget kan formges och dimensioneras som en som du öppnar själv:

```js
window.entase.o.push({
  obj: 'OBJ_CODE',
  client: {
    checkoutMode: 'pane',
    pane: { width: '60vw' },
    backdrop: true,
    backdropColor: '#101014'
  }
});
```

Se [Konstruktörsalternativ](/developers/js-client/constructor-options.md) för den fullständiga listan.

Två förbehåll. `tprm` anges av widgeten själv utifrån sidans URL (se nedan), så ett värde som skickas in här ersätts. Och när flera widgetar delar en sida delar de en klientinstans – `client`-alternativen för den senast initierade widgeten är de som gäller, så håll dem identiska för widgetar på samma sida.

## Automatisk vidarebefordran av kampanjparametrar

Till skillnad från den fristående klienten läser widgeten sidans frågesträng och vidarebefordrar kända kampanjparametrar till både widgeten och kassan:

`sgm`, `utm_source`, `utm_medium`, `utm_campaign`, `utm_term`, `utm_content`, `utm_id`, `utm_source_platform`, `utm_creative_format`, `fbclid`

En besökare som kommer till `yoursite.com/concert?utm_source=facebook&sgm=SOCIAL` får den tillskrivningen registrerad för varje order som blir resultatet, utan ytterligare konfiguration. Parametrar utanför den här listan ignoreras – om du vill skicka med egna parametrar öppnar du kassan direkt med klienten och anger själv `tprm`. Se [Spårning och samtycke](/developers/js-client/tracking-and-consent.md).
