Lippukaupan lisääminen omaan sivustoon (upotus)

Johdanto

Voit lisätä kassaprosessin omalle verkkosivustollesi niin, että se avautuu sivustosi sisällön päälle:

Perusasetukset

1. Lisää verkkosivustollesi tavallinen linkki, joka ohjaa Fientan tapahtumasivulle, esimerkiksi:

   <a href="https://fienta.com/tapahtuman-nimi">Osta lippuja</a>

2. Lisää seuraava skriptirivi verkkosivustollesi. Se avaa Fientan tapahtumiin osoittavat linkit suoraan sivustollasi:

   <script src="https://fienta.com/embed.js"></script>

Verkkosivustollasi voi olla useita linkkejä, jotka osoittavat samaan tai eri Fienta-tapahtumiin.
Lisää embed.js vain kerran sivua kohden.

Suostumus ja seuranta upotus-tilassa

Fientan upotus kunnioittaa kävijän suostumusvalintoja omalla verkkosivustollasi. Kun saatavilla, upotus käyttää IAB TCF -suostumussignaalia. Jos TCF-signaalia ei ole saatavilla, se voi lukea suostumuksen myös yleisimmistä suostumuksenhallintajärjestelmistä (CMP), kuten Cookiebot, CookieYes tai OneTrust.

Jos tuettua suostumussignaalia ei ole saatavilla, seuranta pysyy estettynä/oletustilassa, eikä markkinointi- tai analytiikkatapahtumia aktivoida ennen suostumuksen antamista.

Tavallisissa käyttötapauksissa erillistä integraatiokoodia ei tarvita. Varmista vain, että CMP on määritetty oikein ja latautuu sivulla ennen embed.js-tiedostoa.

Mukauttaminen

Jos haluat muuttaa upotuksen taustaväriä, reunuksen pyöristystä tai muita parametreja, määritä JavaScript-objekti kuten seuraavassa esimerkissä. Tässä näkyvät arvot ovat oletusarvoja.

<script>
window.fientaSettings = {
    // lightbox taustaväri
    background: 'rgba(0,0,0,0.5)',
    // modaalin sisällön reunuksen säde
    border_radius: '5px',
    // linkkien valitsin, jotka osoittavat Fientan tapahtumasivuille
    link_selector: 'a[href*="fienta.com"]',
    // suosittelijan nimi
    utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Jätä käytännössä mukaan vain ne parametrit, joita haluat muokata.

Tapahtuman kuvauksen ja kuvan näyttäminen

Oletuksena upotus ei sisällä tapahtuman kuvausta. Voit lisätä sen määrittelemällä seuraavan rivin window.fientaSettings-objektissa:

descriptionEnabled: true,

Jos haluat näyttää kuvauksen oletusnäkymänä, lisää:

step: 'description',

Jos haluat näyttää tapahtuman kuvan:

imageEnabled: true,

Jos haluat välittää ostajan sähköpostiosoitteen:

email: '[email protected]',

Tietyn lipun esivalinta

Jos sinulla on useita lipputyyppejä, valinta avautuu ilman esivalintaa. Voit esivalita tietyn lipputyypin lisäämällä URL-osoitteeseen "ticket"-parametrin. Esimerkiksi:

<a href="https://fienta.com/tapahtuman-nimi?ticket=1234">Osta lippuja</a>

Löydät lipputyypin ID:n selaimen osoiteriviltä, kun muokkaat sitä, esimerkiksi /my/ticket_types/1234/edit

"Loppuunmyyty" -tekstin ja saatavilla olevien lippujen määrän näyttäminen

Jokaisella sivun latauksella ja vierailijan lippuostolla laukeaa "onTicketsAvailableReady"-tapahtuma. Voit käyttää sitä jäljellä olevien lippujen määrän näyttämiseen tai HTML:n muokkaamiseen, esimerkiksi poistamalla linkin käytöstä, kun myynti on päättynyt.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
 // elem - HTML a-tagi, joka osoittaa tapahtumaan fienta.comissa
 // count - saatavilla olevien lippujen määrä, mahdolliset arvot:
 // true - kun yli 50 lippua on saatavilla
 // 1 .. 50 - saatavilla olevien lippujen määrä
 // 0 - tapahtuma on loppuunmyyty
 // false - myynti on päättynyt

 // kirjoita koodisi tähän
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Esimerkki täydestä koodista

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
 // yli 50 lippua on saatavilla
 }
 else if (count > 0) {
 elem.text('Vain ' + count + ' lippua jäljellä');
 }
 else if (count === 0) {
 elem.addClass('disabled').removeAttr('href').text('Loppuunmyyty');
 }
 else if (count === false) {
 elem.addClass('disabled').removeAttr('href').text('Myynti on päättynyt');
 }
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Upotuksen avaaminen URL-osoitteesta

Voit jakaa linkin verkkosivustollesi ja avata upotuksen automaattisesti:

https://verkkosivustosi.com/sivu?openEmbed=/tapahtuman-nimi

Lisääminen tiettyihin verkkosisällön hallintajärjestelmiin

• Wix

• Squarespace