# Napredne opcije ugrađivanja

> Vidžet za ugrađivanje prihvata više konfiguracija nego što prikazuje isečak za kopiranje i lepljenje, uključujući prosleđivanje opcija klijenta procesu naplate koji otvara.

Kodovi za ugrađivanje generisani na vašem Entase nalogu umeću gotov vidžet događaja na stranicu. Dizajnirani su za kopiranje i lepljenje bez ikakvog razvojnog rada – pogledajte [Ugrađivanje događaja na vaš veb-sajt](/organizers/sharing-and-embedding/embedding-events-on-your-website.md) da biste saznali kako da ga dobijete.

Na ovoj stranici su opisane opcije koje možete dodati tom isečku i način konfiguracije procesa naplate koji on otvara.

Vidžet sam učitava JavaScript klijent, tako da ne treba da dodajete `client.js` uz njega. Takođe mu nije potreban ključ za objavljivanje: vidžet isporučuje Entase, pa se proces naplate autorizuje putem vidžeta, a ne putem ključa na vašoj stranici.

## Konfiguracija

Svaki vidžet se konfiguriše 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 sa njenim kontejnerom: vidžet se prikazuje u elementu čiji je id `entase_` iza kojeg sledi isti kôd. Ako taj element ne postoji, vidžet beleži upozorenje i ne prikazuje ništa.

Dodajte po jedan unos za svaki vidžet da biste ih postavili više na jednu stranicu.

| Naziv | Tip | Podrazumevano | Opis |
|---|---|---|---|
| `obj` | string | – | Kôd objekta iz vašeg isečka za ugrađivanje. Obavezno. |
| `width` | string | `'auto'` | Širina kontejnera kao CSS vrednost. `'auto'` znači puna širina. |
| `height` | string | `'auto'` | Visina kontejnera kao CSS vrednost. `'auto'` počinje od 200px, a vidžet sam menja veličinu kako bi odgovarao svom sadržaju. |
| `theme` | string | `'light'` | `'light'` ili `'dark'`. |
| `locale` | string | `'auto'` | Jezik vidžeta. `'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 red sa oznakom Entase. Postavite na `false` da biste ga sakrili. |
| `client` | object | `{}` | Opcije koje se prosleđuju JavaScript klijentu koji otvara proces naplate. |

Kontejneru se dodeljuje minimalna širina od 200px bez obzira na `width`; ispod te širine vidžet ne može pravilno da se rasporedi.

## Konfigurisanje procesa naplate

`client` prihvata iste opcije kao konstruktor klijenta, pa se proces naplate otvoren iz vidžeta može stilizovati i odrediti mu veličina kao i onome koji sami otvorite:

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

Pogledajte [Opcije konstruktora](/developers/js-client/constructor-options.md) za kompletnu listu.

Dve napomene. `tprm` postavlja sam vidžet na osnovu URL-a stranice (pogledajte ispod), pa se vrednost prosleđena ovde zamenjuje. Kada više vidžeta deli jednu stranicu, oni dele jednu instancu klijenta – `client` opcije poslednjeg inicijalizovanog vidžeta su one koje važe, zato ih zadržite identičnim za sve vidžete na istoj stranici.

## Automatsko prosleđivanje parametara kampanje

Za razliku od samostalnog klijenta, vidžet čita parametre upita iz URL-a vaše stranice i prosleđuje poznate parametre kampanje i vidžetu i procesu naplate:

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

Posetilac koji stigne na `yoursite.com/concert?utm_source=facebook&sgm=SOCIAL` ima tu atribuciju zabeleženu uz svaku nastalu porudžbinu bez dodatne konfiguracije. Parametri koji nisu na ovoj listi se zanemaruju – ako želite da prosledite sopstvene, otvorite proces naplate direktno pomoću klijenta i sami postavite `tprm`. Pogledajte [Praćenje i saglasnost](/developers/js-client/tracking-and-consent.md).
