Genom att ange ”data-callback” (data-återuppringning) när ni inkluderar widgeten från Sirvoy på er hemsida kommer ni att kunna fånga händelser och sköta egna skräddarsydda skript (se exempel nedan). I de flesta scenarier kommer ni bara att vara intresserade av händelsen ”booking_completed”.
Följande händelser är för närvarande tillgängliga:
- page_search – kör när sökformuläret visas.
- Data: user_data (arrivalDate, departureDate, totalAdults, category)
- page_results – kör när sökresultaten visas.
- Data: user_data (samma som page_search)
- page_details – kör när inmatningsformuläret för gästdetaljer visas.
- Data: user_data (samma som page_search)
- page_payment – kör, beroende på vilken betalningslösning som används, när betalningsinformationen visas.
- Data: payment_data (payment_processor), bokning (JSON-föremål för bokning – beroende på om betalning krävs eller är valfritt, kan den vara preliminär eller slutlig)
- booking_completed – kör när bokningen är slutförd. Detta händer vanligtvis i kombination med händelsen “page_thanks”. Om betalning är inställt som valfritt kan den köras i kombination med händelsen “page_payment”.
- Data: booking (JSON-föremål för slutförd bokning)
- page_thanks – kör när sidan för bokningsbekräftelse visas.
- Data: booking (JSON-föremål för slutförd bokning)
Nedan är ett exempel som kan användas för att utforska de olika tillgängliga händelserna och dess tillhörande data. Se till att ni byter ”data-form-id” mot ert eget id för bokningsformular.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 |
<html> <head> <script> function customEventHandler(data) { //Handle the possible events coming if(data.event == 'page_search') { // This will fire every time the first step showing the search form is loading. // Data will contain the selections made by the guest if returning from subsequent steps, // otherwise it will contain the default values. //echoing just to demonstrate access to it console.log('"page_search" registered'); console.log('Arrival: ' + data.user_data.arrivalDate); console.log('Departure: ' + data.user_data.departureDate); console.log('Adults: ' + data.user_data.totalAdults); console.log('Category: ' + data.user_data.category); } if(data.event == 'page_results') { // This will fire when search results are displayed. // Data will contain the selections made by the guest. //echoing just to demonstrate access to it console.log('"page_results" registered'); console.log('Arrival: ' + data.user_data.arrivalDate); console.log('Departure: ' + data.user_data.departureDate); console.log('Adults: ' + data.user_data.totalAdults); console.log('Category: ' + data.user_data.category); } if(data.event == 'page_details') { // This will fire when rooms have been selected and guest details are requested. // Data will contain the selections made by the guest. //echoing just to demonstrate access to it console.log('"page_details" registered'); console.log('Arrival: ' + data.user_data.arrivalDate); console.log('Departure: ' + data.user_data.departureDate); console.log('Adults: ' + data.user_data.totalAdults); console.log('Category: ' + data.user_data.category); } if(data.event == 'page_payment') { // This will fire when payment information is displayed (might fire more than once). // Data will contain payment_data.payment_processor and, if available, the booking object. //echoing just to demonstrate access to it console.log('"page_payment" registered'); console.log('Payment processor used: ' + data.payment_data.payment_processor); console.log('Full booking object: ' + JSON.stringify(data.booking)); } if(data.event == 'booking_completed') { // This will fire when the booking is completed and should only fire once. // Data will always contain booking in final state. //echoing just to demonstrate access to it console.log('"booking_completed" registered'); console.log('Full booking object: '+ JSON.stringify(data.booking)); } if(data.event == 'page_thanks') { // This will most often fire as the last "page load" (for some payment providers this may never fire). // Data will always contain booking in final state. //echoing just to demonstrate access to it console.log('"page_thanks" registered'); console.log('Full booking object: '+ JSON.stringify(data.booking)); } } </script> </head> <body> <script async type="text/javascript" data-callback="customEventHandler" data-form-id="123456789" src="https://secured.sirvoy.com/widget/sirvoy.js"></script> </body> </html> |
Se den här artikeln för information om hur ni lägger till ett skript för att använda ett anpassat galleri för bokningsformuläret på er webbplats.
Och detta sker bara om gästen klickar på länken i slutet av betalningsprocessen som tar dem tillbaka till hotellets bekräftelsesida där händelserna ”page_thanks” och ”booking_completed” körs. I de flesta fall anser nog gästen att allt är klart när betalningen är genomförd (vilket också beror på proceduren hos betalningsleverantören).