Ticketing zu Ihrer eigenen Website hinzufügen (einbetten)

Einführung

Sie können den Checkout-Prozess in Ihre eigene Website einbinden, sodass er über Ihrem Website-Inhalt geöffnet wird:

Grundlegende Einrichtung

1. Fügen Sie auf Ihrer Website einen normalen Link hinzu, der auf die Veranstaltungsseite bei Fienta verweist, zum Beispiel:

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

2. Fügen Sie die folgende Code-Zeile in Ihre Website ein. Dadurch werden Links zu Fienta-Veranstaltungen direkt auf Ihrer Website geöffnet:

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

Sie können auf Ihrer Website beliebig viele Links verwenden, die auf dieselbe oder auf verschiedene Veranstaltungen bei Fienta verweisen.
Fügen Sie embed.js nur einmal pro Seite ein.

Einwilligung und Tracking im Embed-Modus

Das Fienta-Embed berücksichtigt die Einwilligungsentscheidungen der Besucher auf Ihrer Website. Wenn verfügbar, verwendet das Embed das IAB TCF-Consent-Signal. Ist kein TCF-Signal vorhanden, kann die Einwilligung auch aus gängigen Consent-Management-Plattformen (CMP) wie Cookiebot, CookieYes oder OneTrust ausgelesen werden.

Ist kein unterstütztes Consent-Signal verfügbar, bleibt das Tracking im verweigerten bzw. Standardmodus. Marketing- und Analytics-Events werden erst aktiviert, nachdem eine entsprechende Einwilligung erteilt wurde.

In typischen Setups ist kein zusätzlicher Integrationscode erforderlich. Stellen Sie lediglich sicher, dass Ihre CMP korrekt konfiguriert ist und vor embed.js auf der Seite geladen wird.

Anpassung

Um die Hintergrundfarbe, den Rahmenradius und andere Embed-Parameter zu ändern, definieren Sie ein JavaScript-Objekt wie im folgenden Beispiel. Die hier gezeigten Werte sind Standardwerte.

<script>
window.fientaSettings = {
    // lightbox background color
    background: 'rgba(0,0,0,0.5)',
    // modal content border radius
    border_radius: '5px',
    // selector of links pointing to Fienta event pages
    link_selector: 'a[href*="fienta.com"]',
    // referral name 
    utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Lassen Sie in Ihrer Implementierung nur die Parameter stehen, die Sie tatsächlich ändern möchten.

Veranstaltungsbeschreibung und Bild anzeigen

Standardmäßig enthält unser Embed keine Veranstaltungsbeschreibung. Sie können sie hinzufügen, indem Sie die folgende Zeile in window.fientaSettings definieren:

descriptionEnabled: true,

Um die Beschreibung als erste Ansicht anzuzeigen, fügen Sie hinzu:

step: 'description',

Um das Veranstaltungsbild anzuzeigen:

imageEnabled: true,

Um die E-Mail-Adresse des Käufers zu übergeben:

email: '[email protected]',

Bestimmtes Ticket vorauswählen

Wenn Sie mehrere Tickettypen haben, wird zunächst keiner vorausgewählt. Sie können einen bestimmten Tickettyp vorauswählen, indem Sie den Parameter "ticket" zur URL hinzufügen. Zum Beispiel:

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

Die ID des Tickettyps finden Sie beim Bearbeiten in der Browser-Adressleiste, zum Beispiel unter /my/ticket_types/1234/edit

"Ausverkauft" und Anzahl verfügbarer Tickets anzeigen

Bei jedem Laden der Seite und nach jedem Ticketkauf wird ein onTicketsAvailableReady-Ereignis ausgelöst. Verwenden Sie es, um die Anzahl der verbleibenden Tickets anzuzeigen oder Ihr HTML anzupassen, zum Beispiel indem Sie den Link deaktivieren, wenn der Verkauf beendet ist.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
 // elem - HTML a tag pointing to event at fienta.com
 // count - number of tickets available, possible values:
 // true - when more than 50 tickets are available
 // 1 .. 50 - number tickets available
 // 0 - event is sold out
 // false - sale has ended

// write your code here
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Beispiel für vollständigen Code

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
 // more than 50 tickets are available
 }
 else if (count > 0) {
 elem.text('Nur noch ' + count + ' Tickets verfügbar');
 }
 else if (count === 0) {
 elem.addClass('disabled').removeAttr('href').text('Ausverkauft');
 }
 else if (count === false) {
 elem.addClass('disabled').removeAttr('href').text('Verkauf beendet');
 }
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Embed von URL öffnen

Sie können auch einen Link zu Ihrer Website teilen, der das Embed automatisch öffnet:

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

Einbindung in bestimmte Content-Management-Systeme

• Wix

• Squarespace