# Avancerede indlejringsmuligheder

> Indlejringswidgetten accepterer flere konfigurationsmuligheder, end kopiér-og-indsæt-kodestykket viser, herunder at videregive klientindstillinger til det betalingsforløb, den åbner.

Indlejringskoderne, der genereres på din Entase-konto, indsætter en færdig eventwidget på en side. De er designet til at blive kopieret og indsat uden udviklingsarbejde – se [Indlejring af events på dit website](/organizers/sharing-and-embedding/embedding-events-on-your-website.md) for at se, hvordan du får en.

Denne side dokumenterer de indstillinger, du kan føje til det kodestykke, og hvordan du konfigurerer det betalingsforløb, det åbner.

Widgetten indlæser selv JavaScript-klienten, så du skal ikke tilføje `client.js` ved siden af den. Den behøver heller ikke en publicerbar nøgle: Widgetten leveres af Entase, så betalingsforløbet godkendes via widgetten frem for via en nøgle på din side.

## Konfiguration

Hver widget konfigureres med et indstillingsobjekt:

```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` knytter konfigurationen til dens container: Widgetten gengives i det element, hvis id er `entase_` efterfulgt af den samme kode. Hvis elementet mangler, skriver widgetten en advarsel i loggen og gengiver intet.

Tilføj én post pr. widget for at placere flere på en side.

| Navn | Type | Standard | Beskrivelse |
|---|---|---|---|
| `obj` | string | – | Objektkoden fra dit indlejringskodestykke. Påkrævet. |
| `width` | string | `'auto'` | Containerens bredde som en CSS-værdi. `'auto'` betyder fuld bredde. |
| `height` | string | `'auto'` | Containerens højde som en CSS-værdi. `'auto'` starter ved 200px, og widgetten ændrer selv størrelse, så den passer til indholdet. |
| `theme` | string | `'light'` | `'light'` eller `'dark'`. |
| `locale` | string | `'auto'` | Widgettens sprog. `'auto'` læser attributten `lang` på dit `<html>`-element. |
| `ext` | boolean | `false` | Udvidet layout – tilføjer eventnavnet og plakaten over datoerne. |
| `attribution` | boolean | `true` | Viser Entases krediteringslinje. Angiv `false` for at skjule den. |
| `client` | object | `{}` | Indstillinger, der sendes til JavaScript-klienten, som åbner betalingsforløbet. |

Containeren får en minimumsbredde på 200px uanset `width`, og under denne bredde kan widgetten ikke placeres korrekt.

## Konfiguration af betalingsforløbet

`client` accepterer de samme indstillinger som klientkonstruktøren, så betalingsforløbet, der åbnes fra en widget, kan styles og dimensioneres som et, du selv åbner:

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

Se [Konstruktørindstillinger](/developers/js-client/constructor-options.md) for den fulde liste.

To forbehold. `tprm` angives af widgetten selv ud fra sidens URL (se nedenfor), så en værdi, der angives her, erstattes. Og når flere widgets deler en side, deler de én klientinstans – `client`-indstillingerne for den sidst initialiserede widget er dem, der gælder, så hold dem ens på tværs af widgets på den samme side.

## Automatisk videresendelse af kampagneparametre

I modsætning til den selvstændige klient læser widgetten forespørgselsstrengen på din side og videresender kendte kampagneparametre til både widgetten og betalingsforløbet:

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

En besøgende, der ankommer på `yoursite.com/concert?utm_source=facebook&sgm=SOCIAL`, får denne tilskrivning registreret på enhver efterfølgende ordre uden yderligere konfiguration. Parametre uden for denne liste ignoreres – hvis du vil medtage dine egne, skal du åbne betalingsforløbet direkte med klienten og selv angive `tprm`. Se [Sporing og samtykke](/developers/js-client/tracking-and-consent.md).
