# Napredne opcije ugradnje

> Widget za ugradnju prihvaća više konfiguracijskih postavki nego što prikazuje isječak za kopiranje i lijepljenje, uključujući prosljeđivanje opcija klijenta naplati koju otvara.

Kodovi za ugradnju generirani na vašem Entase računu umeću gotov widget događaja na stranicu. Namijenjeni su kopiranju i lijepljenju bez potrebe za razvojnim radom – pogledajte [Ugradnja događaja na vašu web-stranicu](/organizers/sharing-and-embedding/embedding-events-on-your-website.md) za upute kako ga dobiti.

Ova stranica opisuje opcije koje možete dodati tom isječku i način konfiguriranja naplate koju otvara.

Widget sam učitava JavaScript klijent, stoga uz njega ne dodajete `client.js`. Također mu nije potreban javni ključ: widget poslužuje Entase, pa se naplata autorizira putem widgeta, a ne putem ključa na vašoj stranici.

## Konfiguracija

Svaki se widget konfigurira objektom opcija:

```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` povezuje konfiguraciju s njezinim spremnikom: widget se prikazuje u elementu čiji je id `entase_` iza kojeg slijedi isti kôd. Ako taj element nedostaje, widget zapisuje upozorenje i ne prikazuje ništa.

Dodajte po jedan unos za svaki widget kako biste ih postavili više na jednu stranicu.

| Naziv | Vrsta | Zadano | Opis |
|---|---|---|---|
| `obj` | string | – | Kôd objekta iz vašeg isječka za ugradnju. Obavezno. |
| `width` | string | `'auto'` | Širina spremnika kao CSS vrijednost. `'auto'` znači puna širina. |
| `height` | string | `'auto'` | Visina spremnika kao CSS vrijednost. `'auto'` počinje od 200px, a widget mijenja vlastitu veličinu kako bi odgovarala sadržaju. |
| `theme` | string | `'light'` | `'light'` ili `'dark'`. |
| `locale` | string | `'auto'` | Jezik widgeta. `'auto'` čita atribut `lang` vašeg elementa `<html>`. |
| `ext` | boolean | `false` | Prošireni raspored – dodaje naziv događaja i poster iznad datuma. |
| `attribution` | boolean | `true` | Prikazuje redak s atribucijom za Entase. Postavite na `false` da biste ga sakrili. |
| `client` | object | `{}` | Opcije proslijeđene JavaScript klijentu koji otvara naplatu. |

Spremniku se dodjeljuje minimalna širina od 200px bez obzira na `width`; ispod te širine widget se ne može ispravno rasporediti.

## Konfiguriranje naplate

`client` prihvaća iste opcije kao konstruktor klijenta, pa se naplata otvorena iz widgeta može stilizirati i odrediti joj veličina kao i za naplatu koju sami otvorite:

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

Potpuni popis pogledajte u odjeljku [Opcije konstruktora](/developers/js-client/constructor-options.md).

Dvije napomene. `tprm` sam widget postavlja iz URL-a stranice (pogledajte u nastavku), pa se vrijednost proslijeđena ovdje zamjenjuje. Kada više widgeta dijeli istu stranicu, dijele jednu instancu klijenta – na snazi su opcije `client` posljednjeg inicijaliziranog widgeta, stoga ih zadržite istima za sve widgete na istoj stranici.

## Automatsko prosljeđivanje kampanja

Za razliku od samostalnog klijenta, widget čita niz upita vaše stranice i prosljeđuje poznate parametre kampanje widgetu i naplati:

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

Posjetitelju koji stigne na `yoursite.com/concert?utm_source=facebook&sgm=SOCIAL` ta se atribucija bilježi uz svaku nastalu narudžbu bez dodatne konfiguracije. Parametri izvan ovog popisa zanemaruju se – za prijenos vlastitih parametara otvorite naplatu izravno putem klijenta i sami postavite `tprm`. Pogledajte [Praćenje i privola](/developers/js-client/tracking-and-consent.md).
