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 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:
<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:
window.entase.o.push({
obj: 'OBJ_CODE',
client: {
checkoutMode: 'pane',
pane: { width: '60vw' },
backdrop: true,
backdropColor: '#101014'
}
});Se Konstruktörsalternativ 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.