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>, щоб він відобразився на кожній його сторінці.

@@ Рядок 19: / Рядок 19: @@
 Ключ  companyKey, надається для після реєстрації модуля в системі, потрібен для однознаної ідентифікації модуля бронювання.
-Добаткові параметри які можуть бути використані як ключі для скрипту так і в параметрах URL для модуля бронювання.
+== Додаткові параметри які можуть бути використані як ключі для скрипту так і в параметрах URL для модуля бронювання. ==
-Фільтри для використання на сторінці сайту:
+=== Фільтри для використання на сторінці сайту: ===
-* Елемент маркованого списку
+* hotels(number[]): Перелік id готелів, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;
-hotels(number[]): Перелік id готелів, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;
+* visibleHotels(boolean): Чи відображати селектор готелів. За замовчуванням true. Приклад: true чи false;
-* Елемент маркованого списку
+* rooms(number[]): Перелік id типів кімнат, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;
-visibleHotels(boolean): Чи відображати селектор готелів. За замовчуванням true. Приклад: true чи false;
-* Елемент маркованого списку
-rooms(number[]): Перелік id типів кімнат, які відображаються, перечисленні через кому. Приклад: 1 чи 1,2;
-Параметри для ініціалізації модуля бронювання:
+=== Параметри для ініціалізації модуля бронювання: ===
-* Елемент маркованого списку
+* adults(number): Кількість повнолітніх гостей. Не може бути нижче за 1(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
-adults(number): Кількість повнолітніх гостей. Не може бути нижче за 1(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
+* children(number): Кількість неповнолітніх гостей. Не може бути нижче за 0(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
-* Елемент маркованого списку
+* checkInDate(string): Рядкове представлення дати заселення до готелю. Мінімальне значення - теперішня дата. Формат рядка: YYYY-MM-DD, MM/DD/YYYY. Приклад: 2024-12-1, 12/1/2024;
-children(number): Кількість неповнолітніх гостей. Не може бути нижче за 0(значення за замовчуванням), однак у випадку виходу значення за ліміт встановлений готелем - буде застосовано значення ліміту;
+* checkOutDate(string): Рядкове представлення дати виселення з готелю. Мінімальне значення - наступний від дати заселення. Формат рядка: YYYY-MM-DD, MM/DD/YYYY. Приклад: 2024-12-2, 12/2/2024;
-* Елемент маркованого списку
-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;
 Правила для дат:
@@ Рядок 45: / Рядок 38: @@
 checkOutDate не вказаний: checkOutDate = наступний день від checkInDate;
 checkInDate не вказаний: якщо checkOutDate більша за наступний від теперішньої дати день  - checkInDate = минулий від checkOutDate день, інакше виконується перше(1) правило.
+== Google Ads ==
+Відслідковується 5 кроків:
+. choose_date - "Пошук" номерів.
+. choose_hotel_room - вибір номеру
+. add_user_data - бронювання
+. order_created - формування рахунку для оплати
+. purchase - оплата бронювання
+=== Інструкція для додавання тегів для відслідковування ===
+Для того, щоб мати змогу відслідковувати ефективність реклами чи модуля бронювання, потрібно підключили сервіс Google Analytics до сайту.
+Зайти на https://analytics.google.com/
+Створити аккаунт та отримати код відслідковування.
+==== Крок №1: створити акаунт ====
+[[Файл:Крок 1.png|без]]
+==== Крок №2: створити ресурс ====
+[[Файл:Крок 2.png||без]]
+==== Крок №3: вказати відомості про компанію ====
+[[Файл:Крок 3.png||без|]]
+==== Крок №4: вкащати бізнес цілі ====
+[[Файл:Крок 4.png|без]]
+==== Крок №5: вибрати платформу і почати збір даних ====
+[[Файл:Крок 5.png|без]]
+[[Файл:Крок 5.2.png|без]]
+Після завершення всіх кроків потрібно перейти по стрілці в додаткові налаштування.
+Відкрити огляд інструкції тега.
+Скопіювати код відслідковування та передачи його адміністратору сайту чи веб-розробнику для встановлення на всі сторінки сайту.
+Код вставляється в базовий шаблон сайту, одразу після елемента <HEAD>, щоб він відобразився на кожній його сторінці.