Ticketverkoop op je eigen site

Inleiding

Je kunt het afrekenproces op je eigen website toevoegen, zodat het als laag boven je pagina-inhoud opent:

Basisinstallatie

1. Voeg op je website een gewone link toe naar je evenementpagina op Fienta, bijvoorbeeld:

   <a href="https://fienta.com/event-name">Tickets kopen</a>

2. Voeg de volgende coderegel toe aan je website. Daarmee openen links naar Fienta-evenementen direct op je website:

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

Op je website mag je meerdere links hebben naar hetzelfde evenement of naar verschillende evenementen op Fienta.
Neem embed.js slechts één keer per pagina op.

UTM-parameters volgen

Landt een bezoeker op je site met UTM-parameters (bijvoorbeeld ?utm_source=facebook) en bevat de pagina embed.js van Fienta, dan detecteert de embed deze parameters automatisch en geeft ze door aan Fienta. Zo zie je in rapporten en op het dashboard waar je ticketverkopen vandaan komen.

Voor betrouwbaardere tracking raden we aan embed.js op alle pagina’s van je site te plaatsen, niet alleen op pagina’s met ticketlinks of waar de embed wordt geopend.

Bezoekers klikken vaak eerst door meerdere pagina’s voordat ze kopen, en UTM-parameters kunnen onderweg uit de URL verdwijnen. Het embedscript slaat UTM-waarden in de browser op wanneer ze aanwezig zijn en voegt ze later toe aan de aankoop, zodat de toeschrijving klopt, ook als de parameters niet meer in de URL staan.

Toestemming en tracking in embedmodus

Fienta Embed houdt rekening met de toestemmingskeuzes van de bezoeker op je website. Waar beschikbaar gebruikt de embed het IAB TCF-toestemmingssignaal. Als TCF ontbreekt, kan de embed ook toestemming uitlezen van veelgebruikte CMP’s zoals Cookiebot, CookieYes en OneTrust.

Als er geen ondersteund toestemmingssignaal beschikbaar is, blijft tracking in de geweigerde of standaardmodus, zodat marketing- en analytische gebeurtenissen niet actief zijn totdat er toestemming is gegeven.

In een typische setup is geen extra maatwerkintegratiecode nodig. Zorg er alleen voor dat je CMP correct is ingesteld en op de pagina wordt geladen vóór embed.js.

Aanpassing

Om de achtergrondkleur van de embed, de hoekradius en andere parameters te wijzigen, definieer je een JavaScript-object zoals in het onderstaande voorbeeld. De getoonde waarden zijn de standaardwaarden.

<script>
window.fientaSettings = {
    // achtergrondkleur lightbox
    background: 'rgba(0,0,0,0.5)',
    // hoekradius modale inhoud
    border_radius: '5px',
    // selector van links naar Fienta-evenementpagina's
    link_selector: 'a[href*="fienta.com"]',
    // referralnaam 
    utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Laat bij implementatie alleen de parameters staan die je wilt wijzigen.

Evenementbeschrijving en afbeelding tonen

Standaard bevat de embed geen evenementbeschrijving. Schakel dit in door de volgende regel in window.fientaSettings te zetten:

descriptionEnabled: true,

Om de beschrijving als eerste scherm te tonen, voeg je toe:

step: 'description',

Om de evenementafbeelding te tonen:

imageEnabled: true,

Om het e-mailadres van de koper door te geven:

email: '[email protected]',

Een specifiek ticket voorselecteren

Als je meerdere tickettypes hebt, opent de selectie zonder vooraf gekozen type. Je kunt een specifiek tickettype laten voorselecteren door de ticketparameter aan de URL toe te voegen. Bijvoorbeeld:

<a href="https://fienta.com/event-name?ticket=1234">Tickets kopen</a>

Je vindt het tickettype-ID in de adresbalk van de browser bij bewerken, bijvoorbeeld https://fienta.com/my/ticket_types/1234/edit

"Uitverkocht" en aantal beschikbare tickets tonen

Bij elke paginalading en na elke ticketaankoop wordt de gebeurtenis onTicketsAvailableReady getriggerd. Gebruik dit om het aantal resterende tickets te tonen of je HTML aan te passen, bijvoorbeeld door de link uit te schakelen als de verkoop is beëindigd.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
 // elem - HTML a-tag die naar evenement op fienta.com wijst
 // count - aantal beschikbare tickets, mogelijke waarden:
 // true - als er meer dan 50 tickets beschikbaar zijn
 // 1 .. 50 - aantal beschikbare tickets
 // 0 - evenement is uitverkocht
 // false - verkoop is beëindigd

// schrijf hier je code
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Volledig codevoorbeeld

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
 // meer dan 50 tickets beschikbaar
 }
 else if (count > 0) {
 elem.text('Nog maar ' + count + ' tickets');
 }
 else if (count === 0) {
 elem.addClass('disabled').removeAttr('href').text('Uitverkocht');
 }
 else if (count === false) {
 elem.addClass('disabled').removeAttr('href').text('Verkoop is beëindigd');
 }
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

De embed openen via een URL

Je kunt een link naar je website delen die de embed automatisch opent:

https://your-website.com/page?openEmbed=https://fienta.com/event-name

Toevoegen aan specifieke contentmanagementsystemen

• Wix

• Squarespace