ServioReservation v4: відмінності між версіями

Поточна версія на 17:48, 6 грудня 2024

Розміщення модуля бронювання на сайті готелю

Підтримується два варіанти розміщення модуля бронювання на сайті готелю: безпосереднє вбудовування в сторінку на сайті та посилання на окрему сторінку для модулю.

Для вбудовування модуля в сайт потрібно розмістити тег <section> в потрібному місці на сторінці, та скрипту для завантаження модуля:

   <section 
       class="booking-page-container" 
       id="bookingPageContainer" 
       data-theme="light">
   </section>
   <script 
       id="servioQRBookingScript" 
       src="https://smartspot.servio.support/ServioQR/js/bookingPage.js" 
       companyKey="772B5716-XXX-XXX-XXXX-AD3060375951"
       isExport="true">
   </script>

Ключ companyKey, надається для після реєстрації модуля в системі, потрібен для однознаної ідентифікації модуля бронювання.

Додаткові параметри які можуть бути використані як ключі для скрипту так і в параметрах URL для модуля бронювання.

Фільтри для використання на сторінці сайту:

hotels(number[]): Перелік id готелів, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;
visibleHotels(boolean): Чи відображати селектор готелів. За замовчуванням true. Приклад: true чи false;
rooms(number[]): Перелік id типів кімнат, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;

Параметри для ініціалізації модуля бронювання:

adults(number): Кількість повнолітніх гостей. Не може бути нижче за 1(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
children(number): Кількість неповнолітніх гостей. Не може бути нижче за 0(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
checkInDate(string): Рядкове представлення дати заселення до готелю. Мінімальне значення - теперішня дата. Формат рядка: YYYY-MM-DD, MM/DD/YYYY. Приклад: 2024-12-1, 12/1/2024;
checkOutDate(string): Рядкове представлення дати виселення з готелю. Мінімальне значення - наступний від дати заселення. Формат рядка: YYYY-MM-DD, MM/DD/YYYY. Приклад: 2024-12-2, 12/2/2024;

Правила для дат:

checkInDate та checkOutDate не вказані: checkInDate = наступний від теперішньої дати день, checkOutDate = наступний день від checkInDate; checkOutDate не вказаний: checkOutDate = наступний день від checkInDate; checkInDate не вказаний: якщо checkOutDate більша за наступний від теперішньої дати день - checkInDate = минулий від checkOutDate день, інакше виконується перше(1) правило.

Google Ads

Відслідковується 5 кроків:

   1. choose_date - "Пошук" номерів.
   2. choose_hotel_room - вибір номеру
   3. add_user_data - бронювання
   4. order_created - формування рахунку для оплати
   5. purchase - оплата бронювання

Інструкція для додавання тегів для відслідковування

Для того, щоб мати змогу відслідковувати ефективність реклами чи модуля бронювання, потрібно підключили сервіс Google Analytics до сайту. Зайти на https://analytics.google.com/ Створити аккаунт та отримати код відслідковування.

Крок №1: створити акаунт

Крок №2: створити ресурс

Крок №3: вказати відомості про компанію

Крок №4: вкащати бізнес цілі

Крок №5: вибрати платформу і почати збір даних

Після завершення всіх кроків потрібно перейти по стрілці в додаткові налаштування.

Відкрити огляд інструкції тега.

Скопіювати код відслідковування та передачи його адміністратору сайту чи веб-розробнику для встановлення на всі сторінки сайту. Код вставляється в базовий шаблон сайту, одразу після елемента <HEAD>, щоб він відобразився на кожній його сторінці.

@@ Рядок 56: / Рядок 56: @@
 Створити аккаунт та отримати код відслідковування.
-Крок №1
+==== Крок №1: створити акаунт ====
-[[Файл:Крок 1.png|міні]]
-Крок №2
+[[Файл:Крок 1.png|без]]
-[[Файл:Крок 2.png||ліворуч]]
+==== Крок №2: створити ресурс ====
-Крок №3
+[[Файл:Крок 2.png||без]]
-[[Файл:Крок 3.png||ліворуч|Крок 3. Відомості про компанію]]
+==== Крок №3: вказати відомості про компанію ====
-Крок №4
+[[Файл:Крок 3.png||без|]]
-[[Файл:Крок 4.png|ліворуч]]
+==== Крок №4: вкащати бізнес цілі ====
-Крок №5
+[[Файл:Крок 4.png|без]]
+==== Крок №5: вибрати платформу і почати збір даних ====
+[[Файл:Крок 5.png|без]]
+[[Файл:Крок 5.2.png|без]]
-[[Файл:Крок 5.png|міні]]
 Після завершення всіх кроків потрібно перейти по стрілці в додаткові налаштування.