Wanneer Google Analytics en/of Meta Pixel -tracking zijn geconfigureerd voor een boekingssysteem, worden deze standaard geactiveerd wanneer het boekingssysteem (of het beoordelingsboekingsformulier) op uw webpagina wordt geladen. Door een aangepaste JavaScript-callback aan de boekingsengine toe te voegen, is het mogelijk om deze triggering te beheren. Dit kan handig zijn in combinatie met een cookie-toestemmingsbanner die nog niet is geaccepteerd of als u alleen specifieke gebeurtenissen wilt activeren. 

Opmerking: Dit vereist enige basiskennis van JavaScript-callbacks. U kunt uw webontwikkelaar raadplegen als u hulp nodig heeft.

Voordat je begint:

  • Voeg een aangepast script toe aan uw webpagina.

De triggering in de boekingsengine beheren

Een JavaScript-callback toevoegen

  1. Retourneer
    • “false” van uw aangepaste script om de trigger voor een specifieke gebeurtenis over te slaan.
    • een andere waarde (of een leeg antwoord) om de tracking te activeren.
  2. Ga in Sirvoy naar Instellingen -> Booking engines.
  3. Klik op de drie stippen naast de gewenste booking engine.
  4. Klik in de vervolgkeuzelijst op ‘Hoe te installeren’.
  5. Klik op ‘Geavanceerd’.

Uw functie wordt nu aangeroepen voor elke stap die de gast zet in het boekingssysteem.

Opmerking: Om een JavaScript-callback toe te voegen aan het Review-boekingsformulier, ga je naar Instellingen -> Gastportaal -> Installeren.

Gebeurtenissen die plaatsvinden in de boekingsengine-flow:

  • page_code_required – Vindt plaats wanneer het formulier voor het invoeren van een couponcode wordt weergegeven (als dat vereist is voor uw boekingssysteem).
  • page_search – Vindt plaats wanneer het zoekformulier wordt weergegeven.
  • page_results – Vindt plaats wanneer de pagina met zoekresultaten wordt weergegeven.
  • page_details – vindt plaats bij het weergeven van het invoerformulier voor gastdetails. 
  • page_pending – vindt plaats vóór de bevestigings-stap, na terugkeer van een betalingsprovider of als u geen betalingsprovider gebruikt na de gebeurtenis page_details.
  • page_confirmation – vindt plaats tijdens de bevestigingsstap, na terugkeer van een betalingsprovider of als u geen betalingsprovider gebruikt na de gebeurtenis page_details.
  • booking_completed – vindt plaats wanneer de boeking definitief is en wordt voltooid op de bevestigingspagina.

Opmerking: Wanneer een aangepaste afbeeldingsgalerij wordt gebruikt op de pagina met zoekresultaten, worden de gebeurtenissen “gallery_init” en “gallery_open” ook geactiveerd.

Beheren van triggering in het Overzicht Boeking formulier

Een JavaScript-callback toevoegen

  1. Retourneer
    • “false” van uw aangepaste script om de trigger voor een specifieke gebeurtenis over te slaan.
    • een andere waarde (of een leeg antwoord) om de tracking te activeren.
  2. Ga in Sirvoy naar Instellingen -> Gastportaal -> Installeren en klik op ‘Geavanceerd’.
  3. Vul in het veld “JavaScript callback functie” de naam in van de functie die u wilt aanroepen.
  4. Kopieer de code uit “Kopieer deze code”.
  5. Voeg de code toe aan uw webpagina om de boekingsmodule te installeren.

Uw functie wordt nu aangeroepen voor elke stap die de gast zet in het boekingssysteem.

Gebeurtenissen die zijn geactiveerd in de flow van het Overzicht Boeking formulier:

  • page_review_search – vindt plaats wanneer het overzicht boeking zoekformulier wordt weergegeven.
  • page_review_booking – vindt plaats wanneer de overzicht boeking-pagina wordt weergegeven.
  • page_review_pending – vindt plaats nadat een optionele betaling is gedaan via het beoordelingsformulier. Na deze gebeurtenis toont de pagina het beoordelingsboekingsformulier opnieuw en wordt de gebeurtenis “page_review_booking” opnieuw geactiveerd.

Voordat je begint:

Verken de beschikbare gebeurtenissen en de bijbehorende gegevens met de onderstaande code door alle evenementen in de webontwikkelaarsconsole weer te geven:


      <script>
         function customEventHandler(data) {
            console.log("Got Sirvoy custom JS event: " + data.event);
            console.dir(data);
        }
      </script>