Booking Engine - Installation Guide - Bookassist The Direct Booking Expert

Booking Engine - Installation Guide

Single hotel Installation

Step One: Tracking code

Copy and paste the Bookassist tracking code to all website pages just before closing tag.
Add the hotel name, hotel id and guide id to the areas required.

<!-- www.bookassist.com web stats  -->
    <script>
        var BA = BA || {};
        BA.account = "Hotel name";  // hotel Name
        BA.hotel_id = "XXXX";   // bookassist_hotel_id_number_for_hotel
        BA.hotel_group_id = "";    
        BA.guide_id = "XXXX";   // bookassist_guide_id_number_for_hotel
        (function() {
        var ba = document.createElement('script'); 
        ba.type = 'text/javascript'; ba.async = true;
        ba.src = '//dwxf316kii2pu.cloudfront.net/scripts/BA/rt-min.jsp';
        var s = document.getElementsByTagName('script')[0]; 
        s.parentNode.insertBefore(ba, s);
        })();
    </script>
<!-- End www.bookassist.com web stats -->

Step Two: Google Analytics code

Copy and paste the Google Analytics code to all website pages before the closing tag.

Replacing “UA-XXXXX-X” with your Google Analytics tracking ID.

If you don’t have a Google Analytics account let us know and we can create one for you.

<!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-X"> </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-XXXXX-X');
    </script>
<!-- END Google Analytics -->

Important: The hotel’s cookie consent tool may block the loading of the Google Analytics Linker plugin within an acceptable time-frame resulting in the referral being recorded as «no analytics (desktop)». It is the responsibility of the hotel web developers to ensure that the cookie alert plugin they use doesn’t cause an issue with Google Analytics and the Google Analytics Linker plugin.

Step Three: Booking engine page

Copy and paste the Bookassist iframe to the page where you want the engine to appear, but do not specify the “src” attribute. It should have the attribute ID set to “booking_frame” (i.e. id=”booking_frame”).

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=c_1&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=c_1&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en">
</script>

Step Four: Date checker install

The calendar form must link to the booking page passing at-least these two variables, date_in and date_out.

<input name=”date_in” … />
<input name=”date_out” … />

The URL to open the booking page will be similar to this one:

http://www.hoteldomain.com/booking.html?date_in=2012-02-20&date_out=2012-02-21

The action and variables are generated from the javascript code at the top of the example files. You can edit the user language by using the two character ISO language code. For example:

var language = 'en' // LANGUAGE

You can edit the page that that form links to using this area of code:

var booking_page = 'booking.html'; // BOOKING PAGE WITH BOOKING IFRAME INSERTED

You will need to translate the text in the form and investigate how to translate it for other languages in your website.

Single calendar code example

Step Five: Final checks

Please reply to the installations package email to confirm you have completed the install.

Hotel Group Installation

Step One: Tracking code

Copy and paste the Bookassist tracking code to all website pages just before closing tag.
Add the hotel name, hotel id and guide id to the areas required.

<!-- <!-- www.bookassist.com web stats  -->
    <script>
        var BA = BA || {};
        BA.account = "Hotel name";	// hotel Name
        BA.hotel_id = "";	// bookassist_hotel_id_number_for_hotel
        BA.hotel_group_id = "XXXX";    
        BA.guide_id = "XXXX";	// bookassist_guide_id_number_for_hotel
        (function() {
        var ba = document.createElement('script'); 
        ba.type = 'text/javascript'; ba.async = true;
        ba.src = '//dwxf316kii2pu.cloudfront.net/scripts/BA/rt-min.jsp';
        var s = document.getElementsByTagName('script')[0]; 
        s.parentNode.insertBefore(ba, s);
        })();

    </script>
    <!-- End www.bookassist.com web stats -->

Step Two: Google Analytics code

Copy and paste the Google Analytics code to all website pages before the closing tag.

Replacing “UA-XXXXX-X” with your Google Analytics tracking ID.

If you don’t have a Google Analytics account let us know and we can create one for you.


<!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-X"> </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-XXXXX-X');
    </script>
    <!-- END Google Analytics -->

Step Three: Booking engine page

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters. You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.beUrl= 'https://www.bookassist.com'; 
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=results&cgs=XXXX&service_model=6&ca=center&dw=900&user_language=en';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=results&cgs=XXXX&service_model=6&ca=center&dw=900&user_language=en">
</script>

Step Four: Group Date checker install

The calendar form must link to the booking page passing at-least these two variables, date_in and date_out.

<input name=”date_in” … />
<input name=”date_out” … />

The URL to open the booking page will be similar to this one:

http://www.hoteldomain.com/booking.html?date_in=2012-02-20&date_out=2012-02-21

The action and variables are generated from the javascript code at the top of the example files. You can edit the user language by using the two character ISO language code. For example:

var language = 'en' // LANGUAGE

You can edit the page that that form links to using this area of code:

var booking_page = 'booking.html'; // BOOKING PAGE WITH BOOKING IFRAME INSERTED

You will need to translate the text in the form and investigate how to translate it for other languages in your website.

Group calendar code example

Step Five: Final checks

Please reply to the installations package email to confirm you have completed the install.

Additional Pages

Bookassist offers page

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=specials&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=specials&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no">
</script>

Bookassist flexible dates page

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=c_grid&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=c_grid&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no">
</script>

Bookassist reviews page

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=reviews&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=reviews&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en&tabs=no">
</script> C

Bookassist corporate engine

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=clogin&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=clogin&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en">
</script>

Bookassist voucher engine

Below the iframe you will see the JavaScript, please add this Javascript at the bottom of the page, before the Bookassist tracking code.

Note that the line paramsForBA needs to be set according to hotel with correct parameters.

You must add the hotel id, guide id and domain name for the areas required.

You can edit the user language by using the two character ISO language code.

<iframe src="" id="booking_frame" width="100%" height="3500" scrolling="auto" frameborder="0"></iframe>

<script>
var BA = BA || {};
BA.destinationURL='https://www.bookassist.com/conduit/bookassist.do';
BA.paramsForBA='action=vouchers&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en';
</script>

<script type="text/javascript" src="https://js.bookassist.com/scripts/BA/be.2-min.jsp?action=vouchers&guide_id=XXXX&hotel_id=XXXX&service_model=2&ca=center&dw=900&user_language=en">
</script>

Additional functions

Google Analytics e-commerce setup

We set this up automatically if you grant us admin access to the account but if you can’t grant access here’s how to set it up.

How to setup Google Analytics E-commerce for the Bookassist booking engine.

E-commerce setup:

Please copy the example image when setting up your Google Analytics e-commerce tracking account.

Fill out the Profile Information
In the Exclude URL Query Parameters insert:
action, adults, bb, bp, ca, cb, children, cp, cv, date, date2, dw, from_page, guide_id, hotel_id, inday, infants, inmonthyear, language, months_ahead, outday, outmonthyear, pr, r, rp, rq, service_model, set_curr_menu, user_currency, user_language, date_in, date_out
Tick «Yes, an E-commerce Site» in EURO or what ever default currency the engine has been setup for.
Click Apply to save changes

Goal Setup:

Goal Setup is Custom
Goal Name is “Confirmed Booking”
Goal Type is Destination
Goal Details URL is http://www.bookassist.com/conduit/c_4.jsp
Destination choose Begins with
Click save Goal

Mobile Goal Setup:

Goal Setup is Custom
Goal Name is “Confirmed Mobile Booking”
Goal slot ID: «Goal ID 2 / Goal Set 1» (or the next one available in the list)
Goal Type is: «Destination»
Goal destination choose «Regular expression» «^/m/c4\.jsp»
Value: Off

Referral exclusion:

Add the hotels domain to the referral exclusion list.

Access:

Please grant full admin access to the account under the account profile using baclients@bookassist.com.

Glossary

Hotel name: The name of the hotel.
Hotel ID: The unique identifier of the hotel.
Guide ID: The location ID of the hotel.
User language: The language the engine will be displaying in.
Group name: The name of the group.
Group id: The unique id of the hotel group.
CGS: This is also the unique id of the hotel group.
Tracking code: Bookassist’s own tracking code.
Google Analytics: Google’s tracking code for e-commerce tracking.
Date checker: The calendar widget where users can select their arrival and departure dates.
Confirmation page: The final page for the user once the booking has been completed. This page is the same as the booking page.
Booking engine: The Bookassist engine code, displays the Bookassist booking engine.
Corporate page: The Bookassist corporate code displays the corporate login. The hotel needs to be signed up to the corporate system in order to use this.
Flexible dates: Our flexible dates calendar, bookers can use this to see all available dates in any month.
Review page: The Bookassist review code, displays the reviews a hotel has recieved from bookers.
Special offers: The Bookassist special offers code, displays the special offers a hotel has setup with Bookassist.