Analytics module

De Analytics-module reageert op gebeurtenissen die zijn gegenereerd door de Formitable-reserveringswidget. Door de module te verbinden met Facebook of Google krijg je een beter inzicht in hoe de widget wordt gebruikt door je website-bezoekers.

Inleiding

De Analytics-module is een add-on die je kunt laden bij het embedden van de Formitable Widget. Deze module reageert op events die de widget genereert op je website. Zo worden automatisch pageviews, Facebook pixel-events en Google eCommerce-events geregistreerd in de accounts die al geïnstalleerd zijn op je website. Mocht deze module niet toereikend zijn voor jouw behoefte, heb je met onze widget-events volledige vrijheid om jouw eigen implementatie te doen. Bekijk de voorbeelden onderaan deze guide om te zien hoe je dit kunt doen.

Installatie

Wanneer je het embed-script voor je website genereert op de Widget-Api pagina wordt de Analytics-module standaard aangezet. Je herkent dit aan de het volgende stukje code in de callback van het Formitable SDK-script: FT.load('Analytics');
Door deze code te verwijderen of toe te voegen kun je de module uit- of aanzetten.


Extra instellingen

Bij het laden van de module kun je extra instellingen meegeven (zie voorbeeld onderaan deze paragraaf)

sendPageViews: boolean
De module registreert pageviews op basis van acties in de widget. Bijvoorbeeld /ft/widget/success bij een succesvolle reservering. Met deze instelling kun je dit aan- of uitzetten. Standaard staat deze instelling aan.

conversion: object
Standaard wordt voor conversiewaardes de prijs gebruikt die in de widget voor het product wordt betaald. Een reservering zonder betaling staat dus standaard op conversiewaarde 0. Je kunt deze waardes per product overschrijven door een ‘conversion’-object toe te voegen aan het settings-object. Per product (id: string) kun je aangeven welke conversiewaarde (value: decimal) geregistreerd dient te worden. Het object met id ‘1’ wordt gebruikt voor reserveringen zonder ticket.


  1. <script>
  2. (function(d, s, id, h) {
  3. var ftjs = d.getElementsByTagName(s)[0];
  4. if (d.getElementById(id)) return;
  5. var js = d.createElement(s);
  6. js.id = id;
  7. js.src = "https://cdn.formitable.com/sdk/v1/ft.sdk.min.js";
  8. h && (js.onload = h);
  9. ftjs.parentNode.insertBefore(js, ftjs);
  10. }(document, 'script', 'formitable-sdk', function() {
  11. FT.load('Analytics', {
  12. 'sendPageViews': false,
  13. 'conversion': {
  14. '1': {
  15. value: 60
  16. },
  17. '23a89154': {
  18. value: 11.25
  19. },
  20. '499bde6b': {
  21. value: 112.50
  22. }
  23. }
  24. });
  25. }));
  26. </script>

Facebook Pixel

Als er een Facebook pixel op je website is geïnstalleerd, worden automatisch events geregistreerd. Een overzicht van deze activiteiten vind je terug in je Facebook Business Manager. Je kunt hier ook de werking van je Pixel testen door naar Gebeurtenissen testen te gaan en een reservering te maken.

De volgende events worden geregistreerd:


ContentView
Bij selecteren van een ticket in de widget

Params: content_type, content_ids, content_name

AddToCart
Bij openen checkout en product geselecteerd

Params: id, name, price, quantity, category

InitiateCheckout
Altijd bij openen checkout

Params: -

Purchase
Na het afronden van een reservering of koop van een product

Params: contents, content_type, value, currency

Google Analytics

De werking van de Analytics-module voor Google Analytics is afhankelijk van de implementatie die gebruikt wordt op je website. De volgende drie versies worden ondersteund door Formitable:

  1. analytics.js (GA)
  2. gtag.js (GTAG)
  3. Google Tag Manager (GTM)

Voor GA en GTAG werken alle functionaliteiten out-of-the-box. GTAG is de huidige implementatie van Google Analytics en wordt door ons aanbevolen omdat alles direct werkt. Je vindt het script voor je website in Google Analytics onder Admin › Tracking Info › Tracking Code

Met Google Tag Manager heb je meer vrijheid en kun je zelf kiezen wat geregistreerd wordt, maar is het wel noodzakelijk dat je voor alle events zelf Tags en Triggers aanmaakt.

Om op de juiste manier de eCommerce features te gebruiken dien je allereerst de volgende instellingen te doen in Google Analytics (voor alle implementaties):

  1. Ga naar E-commerce instellingen onder Admin › E-commerce settings
  2. Activeer E-commerce
  3. Activeer Enhanced E-commerce Reporting
  4. Ga naar View instellingen
  5. Zet currency op Euro (EUR)


Pageviews

Indien sendPageViews is geactiveerd, worden de volgende urls geregistreerd voor GA en GTAG:

/ft/widget/ticket/{ticketUid}
/ft/widget/search
/ft/widget/finish
/ft/widget/success
/ft/widget/checkout
/ft/widget/option
/ft/widget/redeem
/ft/widget/shop

Voor GTM wordt het volgende event in de dataLayer geplaatst:

event: ft.pageview
virtualPageURL: /ft/widget/… (zoals hierboven)
virtualPageTitle: title

E-commerce

Formitable Analytics Module

Met e-commerce kun je het koop- en winkelgedrag van je gasten bijhouden en analyseren in Google Analytics. Je kunt Google Ads koppelen om te zien welke transacties afkomstig zijn van campaigns (https://support.google.com/google-ads/answer/2375435?visit_id=636917887120863134-2108996402&rd=1)

De volgende events worden automatisch geregistreerd voor GA en GTAG implementatie. Voor GTM vind je de instellingen onder de events.

Product view
Bij openen ticket

Add to cart
Bij openen checkout en product geselecteerd.

Checkout
Altijd bij openen checkout

Purchase
Na het afronden van een reservering of koop van een product


Google Tag Manager (GTM) instellingen:

De volgende algemene instellingen zijn nodig voor het bijhouden van e-commerce in GTM.

  1. Ga naar Variabelen
  2. Open Instellingen van Google Analytics
  3. Ga naar Meer instellingen › E-commerce
  4. Activeer Geoptimaliseerde e-commercefuncties
  5. Activeer Gegevenslaag gebruiken

Opzetten Tags en Triggers in GTM:

Product view

Event: ft.detail

Tag

Tagtype: Google Analytics - Universal Analytics
Track type: Gebeurtenis

Trigger

Type trigger: Aangepaste gebeurtenis
Naam van gebeurtenis: ft.detail
Geactiveerd voor: Alle aangepaste gebeurtenissen

Add to cart

Event: ft.addToCart

Tag

Tagtype: Google Analytics - Universal Analytics
Track type: Gebeurtenis

Trigger

Type trigger: Aangepaste gebeurtenis
Naam van gebeurtenis: ft.addToCart
Geactiveerd voor: Alle aangepaste gebeurtenissen

Checkout

Event: ft.checkout

Tag

Tagtype: Google Analytics - Universal Analytics
Track type: Gebeurtenis

Trigger

Type trigger: Aangepaste gebeurtenis
Naam van gebeurtenis: ft.checkout
Geactiveerd voor: Alle aangepaste gebeurtenissen

Purchase

Event: ft.purchase

Tag

Tagtype: Google Analytics - Universal Analytics
Track type: Gebeurtenis

Trigger

Type trigger: Aangepaste gebeurtenis
Naam van gebeurtenis: ft.purchase
Geactiveerd voor: Alle aangepaste gebeurtenissen

Voorbeelden

Omdat de Formitable widget volledig is geïntegreerd in je website, zijn de mogelijkheden onbeperkt. Voor alle acties die bezoekers doen in de widget worden events op jouw website afgevuurd. Hierdoor kun je gemakkelijk data registreren, maar ook bijvoorbeeld gebruikers redirecten naar een bedankpagina. Voor een volledig overzicht van wat er mogelijk is kun je de Widget API documentatie bekijken.


Redirect naar bedankpagina
Wil je je bezoekers naar een bedankpagina sturen na het maken van een reservering, dan kun je gebruik maken van het ft-widget-ordered event


  1. <script>
  2. window.addEventListener('ft-widget-ordered', function(e) {
  3. FT.widgets.get().close(); // sluit de widget
  4. window.location.href = '/nl/bedankt/'; // redirect naar bedankpagina
  5. });
  6. </script>

Popup bij selecteren van een bepaald ticket
Je kunt jouw website bezoekers een popup tonen indien ze een bepaald ticket selecteren.


  1. <script>
  2. window.addEventListener('ft-widget-navigated', function(event) {
  3. if(event.detail.page == 'checkout') {
  4. // er is op dit moment altijd 1 product geselecteerd per reservering
  5. var ticket = event.detail.products[0];
  6. if(ticket && ticket.uid == 'a1b2c3d4') {
  7. confirm('Houd er rekening mee dat de boot stipt om 19:00 uur vertrekt. Als u te laat bent, is er geen restitutie mogelijk.');
  8. }
  9. }
  10. });
  11. </script>

Conversie meten in Google Ads
In dit voorbeeld combineren we het registreren van een conversie in Google Ads met het redirecten naar een bedankpagina.


  1. <script>
  2. window.addEventListener('ft-widget-ordered', function(e) {
  3. FT.widgets.get().close();
  4. gtag('event', 'conversion', {
  5. 'send_to': 'AW-123456789/AbC-D_efG-h12_34-567',
  6. 'value': event.detail.order.totalAmount,
  7. 'currency': 'EUR',
  8. 'event_callback': function() {
  9. window.location.href = '/nl/bedankt/';
  10. }
  11. });
  12. });
  13. </script>

Klaar voor de start?

We verwelkomen alle soorten restaurants, van lokale favorieten tot Michelin-sterrenrestaurants en internationale, multi-locatie restaurantgroepen. Met onze unieke overstapservice en de hulp van ons Customer Succes team kun je binnen no-time aan de slag.

Lees meer

Start je proefperiode

Formitable is gratis te proberen, eenvoudig in te stellen en integreert met een scala aan POS systemen, hospitality tools en marketing partners.

check_circle Geen opstartkosten
accessibility_new Gratis proberen
import_contacts Overstap service