Cómo integrar el widget de comparación 123Compare.me

A continuación resumimos los pasos que se deberán llevar a cabo para integrar el widget de comparación de precios 123Compare.me en el motor de reservas Witbooking:

En caso de tener un único motor de reservas:

1) Dirigirse a Integraciones > Mark up Manager > Crear Mark up.

2) Añadir el siguiente script en el campo Mark up:

<script type="text/javascript" src="//www.123compare.me/widgets/CmprmInit.js"></script>
<script type="text/javascript">
document.addEventListener('CmprmInitLoaded', function(event){ CmprmInit.Init(36);}, false);

</script>

3) Sustituir el código del campo CmprmInit.Init: facilitado por Ubiqua.

4) Configurar los parámetros restantes como en la siguiente captura de pantalla:

Importante: Después de realizar la configuración, se deberá acceder al motor de reservas y realizar una reserva de prueba para verificar el funcionamiento del sistema tras la implementación del widget.

En caso de tener un motor agregador y más de un motor de reservas (cadenas):

1) Replicar el proceso detallado anteriormente en cada motor individual. El campo de CompareMe.Init será el mismo para todos, sólo se deberá cambiar el ticker del motor. 

2) Dirigirse al motor agregador (ej. _agr) y acceder a Integraciones>Mark up Manager>Crear Mark up

3) Añadir el siguiente script en el campo de Mark up: 

<script type="text/javascript" src="https://www.123compare.me/v2/js/CompareMe.js"></script>

<script type="text/javascript">

   document.addEventListener('compareMeLoaded', function(event) {

       console.log('--- 123 Compare loaded ---');

       if (window.configuration && window.configuration.propertyTicker) {

           initialize({

               ticker: window.configuration.propertyTicker

           });

       }

   }, false);

   document.addEventListener('dataUpdated', function(event) {

       console.log('--- Data updated ---');

       initialize(event.detail);

   }, false);

   function initialize(detail) {

       var numberOfRooms = 1;

       var data = detail.configuration || window.configuration;

       if (data && data.cheapestRate && data.cheapestRate[detail.ticker] > 0) {

           var numberOfRooms = 1;

            CompareMe.SetDataWitbooking(detail.ticker, data.guestList, data.startDate.replace(/-/g, '/'), data.endDate.replace(/-/g, '/'), data.currency, data.language, data.cheapestRate[detail.ticker].toString(), data.cheapestBookableData && data.cheapestBookableData[detail.ticker] && data.cheapestBookableData[detail.ticker].accommodationName);

           CompareMe.Init(8, 9, true);

           console.log('123 Compare ' + detail.ticker);

           console.log('--- 123 Compare executed ---');

       }

       else {

           CompareMe.HideDiv();

       }

   }

</script>

4) Sustituir el siguiente campo en el código;

a) CompareMe.Init: Códigos facilitados por Ubiqua. Incluir el mismo que en los motores individuales. 

5) Configurar los parámetros restantes como en la siguiente captura de pantalla:

Importante: Después de realizar la configuración, se deberá acceder al motor de reservas y realizar una reserva de prueba para verificar el funcionamiento del sistema tras la implementación del widget.