Avec Google Analytics 4, vous pouvez facilement suivre les actions de vos clients lors de la réservation en ligne à l'aide du booking widget, et voir à quelle fréquence ils ont terminé ou abandonné la réservation et à quelles étapes.
Implémentation de base
Prérequis
Avant d'utiliser Google Analytics, vous aurez besoin des éléments suivants :
Un compte Google Analytics
Un ID de balise Google
Si vous n'avez pas encore créé de compte Google, veuillez consulter la page suivante. Une fois votre compte créé, suivez ces instructions pour vous inscrire à Google Analytics, créer une propriété Google Analytics 4 et créer un flux de données. Enfin, suivez ces instructions pour trouver votre ID de balise Google « G-XXXXXXX ». Assurez-vous de conserver cet ID, car il sera nécessaire pour configurer le booking widget.
Utilisation de votre ID de balise Google
Le code ci-dessous montre comment configurer le booking widget pour envoyer des événements à Google Analytics. Si vous utilisez déjà Google Analytics sur votre site Web, la majorité du code est probablement incluse.
Lorsque vous incluez « booknow.js », n'oubliez pas de sélectionner l'URL en fonction de votre région d'hébergement.
Amérique du Nord | Europe |
<head>
<script src="https://www.booxi.com/booknow/booknow.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
</head>
<body>
<script type="text/javascript">
// Google Tag Manager boilerplate.
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
// Configure Google Analytics property. Remember to use your own measurement ID
gtag('config', 'G-XXXXXXX');
</script>
// Assign your GA property and open the widget when a button is pressed
<button onclick="BookNow.open({apiKey: 'YOUR_API_KEY_HERE',
googleTag: gtag,
googleTagEventFormat: 'GA4'})">
Book Now</button>;
</body>
Ce que Booxi enverra à Google Analytics
Booxi enregistrera automatiquement les actions de l'utilisateur sous forme d'événements. Chaque action de l'utilisateur dans le widget Book Now générera un événement, avec 2 paramètres supplémentaires.
Événement généré par l'utilisateur
Event Label -- la valeur de la sélection effectuée par l'utilisateur.
Booxi App -- valeur indiquant quelle application a généré l'événement.
Notez que nous (Booxi) n'envoyons aucune donnée personnelle au cours de ce processus ; la confidentialité de l'utilisateur est préservée à tout moment.
Événements
Nom de l'événement | Paramètres de l'événement | Valeur | Description | Examples |
book_now_opened | book_now_event_label | (vide) | Book Now est ouvert. | N/A |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_store | book_now_event_label | Code de l'emplacement ou le nom de l'entreprise | Lorsque l'emplacement est choisi. L'étiquette est le code de l'emplacement si présent, si non c'est le nom de l'entreprise. | "West Valley Spa" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_category | book_now_event_label | Nom de la catégorie | Lorsqu'une catégorie est sélectionnée | "Services de beauté" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_service | book_now_event_label | Nom du service | Lorsqu'un service est sélectionné | "Coupe de cheveux" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_client_availability | Booking_availability_1 to Booking_availability_5 | Jusqu'à 5 disponibilités peuvent être sélectionnées lors de la réservation, ce qui génère un paramètre par sélection | Fournit les détails des plages horaires sélectionnées - chaque sélection contient une date/heure de début et une date/heure de fin | “2023-05-11T08:00:00.000-04:00 - 2023-05-11T12:00:00.000-04:00”
|
Booking_availability_count | Nombre de disponibilités sélectionnées | Le client peut sélectionner jusqu'à 5 disponibilités client | 1,2,3,4,5 |
|
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_client_count | book_now_event_label | Nombre de clients/participants | Après avoir sélectionné le nombre de participants pour un événement de groupe ou rendez-vous en utilisant la tarification par personne. | "5" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_staff | book_now_event_label | Le nom du personnel | Lorsque le personnel est chois. | "John Smith" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_date | book_now_event_label | Date | Lorsqu'une date de réservation est sélectionnée. En format (ISO-8601).* | "2022-09-27" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_select_time | book_now_event_label | Date de début et de fin, et l'heure | Lorsqu'un créneau horaire ou un événement de groupe est sélectionné. Au format (ISO-8601), heure locale* | "2024-11-27T09:00:00.000-05:00 - 2024-11-27T10:00:00.000-05:00" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_client_info | book_now_event_label | Rappel courriel/ SMS | Lorsque les informations client concernent des rappels demandés ou non. | “”, or "Email Reminder”, or “SMS Reminder", or "Email Reminder SMS Reminder" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_attendee_info | book_now_event_label | Rappel courriel/ SMS | Lorsque les informations client concernent des rappels demandés ou non. | “”, or "Email Reminder”, or “SMS Reminder", or "Email Reminder SMS Reminder" |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_survey_completed | book_now_event_label | # de client ou participant | La personne qui a complété le questionnaire lors de la prise de rendez-vous. | “Client”, “Participant # 1”, “Participant # 2”... |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_booking_requested | book_now_event_label | (vide) | Lorsque le client clique « Confirme » lors de la prise de rendez-vous. | N/A |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_booking_complete | book_now_event_label | (vide) | Après que la réservation soit faite. | N/A |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_booking_error | book_now_event_label | Type d'erreur | Si une erreur se produit lors de la confirmation du rendez-vous. | “Unknown”, “OnlineBookingDisabled”, “BookingHasPassed”, “BookingIsCompleted”, “TimeTooEarly”, “TimeTooLate”, “ClientBlocked”, “GroupEventOvercapacity”, “StaffNotAvailable”, “NetworkError”, “BlockedByCaptcha” |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_abort | book_now_event_label | (vide) | Si le client ferme le widget sans avoir pris de rendez-vous. | N/A |
booxi_app | “Book Now” | L'application utilisé pour réserver | “Book Now” |
|
book_now_move_back | book_now_event_label | Type de formulaire | Lorsque l'utilisateur revient en arrière à partir d'un formulaire, il fournit le nom de l'écran vers lequel l'utilisateur revient. | “Service”, “Category”, “Client”, “Groupevent”... |
booxi_app | “Book Now” |
| “Book Now” |
|
*: Le fuseau horaire dépend de l'emplacement du service (voir « Services > « Détails du service » > Emplacement).
Si le lieu du service est « À mon entreprise » ou « À la maison », l'heure est basée sur le fuseau horaire du magasin.
Si le lieu du service est « Par vidéoconférence » ou « Par téléphone », l'heure est basée sur le fuseau horaire choisi par l'utilisateur au moment de la réservation.
Voir ici pour savoir comment fonctionnent les fuseaux horaires dans Booxi.
Suivi omnicanal
En plus du suivi des étapes du processus de réservation mentionnées dans la section précédente, il est également possible de suivre les événements qui se produisent APRÈS la réservation (voir ici pour la liste des événements).
Cette fonctionnalité a pour but de relier le parcours en ligne d'un client aux résultats obtenus dans Booxi. De manière générale, elle vous permettra de :
Optimiser votre expérience digitale en suivant les pages ou les CTA qui mènent à des résultats de réservation souhaités ou non. Par exemple :
Suivre les pages ou les CTA qui mènent au plus grand nombre de rendez-vous approuvées.
Suivre les pages ou les CTA qui mènent à des annulations ou à des demandes de modification.
Suivre les parcours des clients qui ne se terminent pas par un achat en ligne mais aboutissent à un rendez-vous réservé.
Attribuer la proportion de conversions digitales aux rendez-vous effectués en magasin.
etc.
Prérequis
Ceci est une fonctionnalité supplémentaire. Pour l'activer, contactez votre représentant Booxi.
Si vous ne les avez pas déjà, vous aurez besoin des éléments suivants :
Un compte Google Analytics
Un flux de données
Vous devez contacter votre représentant Booxi et lui fournir les informations suivantes :
Un code secret de l'API
Pour créer un code, naviguez vers l'onglet Admin > Flux de données > {sélectionnez un flux de données} > Codes secrets de l'API du protocole de mesure > Créer
ID de mesure du flux
Pour l'obtenir, naviguez vers l'onglet Admin > Flux de données > {sélectionnez un flux de données} > ID de mesure
Événements
Voici la liste d'événements qui seront envoyés à GA :
Événement | Description |
booxi_appointment_approved | Envoyé lorsqu’un nouveau rendez-vous est réservé avec le statut « Approuvé ». |
booxi_appointment_requested | Envoyé lorsqu’un nouveau rendez-vous est réservé avec le statut « Demande en attente de votre confirmation ». |
booxi_appointment_pending_client | Envoyé lorsqu’un rendez-vous existant est mis à jour avec des options configurées pour demander une confirmation du client afin d’approuver les changements (statut « En attente de confirmation du client »). |
booxi_appointment_rescheduled | Envoyé lorsqu’un rendez-vous existant est mis à jour. |
booxi_appointment_ongoing | Envoyé lorsqu’un membre du personnel applique la marque « Client arrivé » à un rendez-vous. |
booxi_appointment_canceled | Envoyé lorsqu’un rendez-vous existant est annulé par le personnel. |
booxi_appointment_canceled_client | Envoyé lorsqu’un rendez-vous existant est annulé par le client. |
booxi_appointment_noshow | Envoyé lorsqu’un membre du personnel applique la marque « Manqué » à un rendez-vous. |
booxi_appointment_closed | Envoyé lorsqu’un rendez-vous existant devient « Complété », soit par le personnel soit automatiquement. |
booxi_appointment_unknown | Valeur par défaut pour tout statut non explicitement défini. |
Paramètres des événements
Chaque événement envoyé à GA contient les éléments suivants :
Titre | Description | Valeur Exemple |
ga_session_id | L’ID de session de l’utilisateur. Une session est un groupe d’interactions utilisateur (vues de page, événements, etc.) sur votre site dans un laps de temps donné. | 1750368289 |
booxi_event_type | Le type d’événement. Voir ici pour la liste des événements possibles. | booxi_appointment_requested |
booxi_booking_method | La méthode de réservation. *Note : « schedule » indique que la réservation est de type « Rendez-vous ». | schedule |
booxi_booking_status | Le statut de la réservation dans Booxi. | REQUESTED |
booxi_booking_confirmation_number | L’ID de réservation Booxi. | A13118759 |
booxi_store_location_code | Le numéro du magasin (si applicable). | N/A |
booxi_merchant_id | L’ID du magasin. | 12345 |
booxi_merchant_group_id | L’ID du groupe de magasins auquel le magasin appartient (si applicable). | 123 |
Limitations
Cette fonctionnalité est compatible avec le booking widget v3 et non v2.
Cette fonctionnalité ne supporte que les rendez-vous actuellement.
Notes
Aucun renseignement permettant d'identifier une personne (PII) n'est incluse dans les événements GA4.
Les clients doivent accepter les témoins pour que les événements soient envoyés à GA.
Comment accéder aux données Google Analytics
Pour accéder aux données de GA, naviguez vers l'onglet Rapports dans votre compte GA. Voir cette référence Google sur l'utilisation des rapports en temps réel.
Notez que les événements générés par le booking widget sont des événements personnalisés. Vous devrez donc créer une dimension personnalisée pour générer des rapports de ces événements. Consultez cet article Google pour en savoir davantage.
Pour voir les événements en temps réel, vous pouvez utiliser DebugView de Google Analytics. Pour y accéder, naviguez vers l'onglet Administration > Paramètres de la propriété > Affichage des données > DebugView. Pour que cela fonctionne, vous devez installer une extension de débogage sur votre navigateur, et celle-ci doit être activée au moment où vous effectuez l'action(s).
Erreurs possibles
Booxi enregistrera un événement « book_now_booking_error » avec une étiquette descriptive en cas d'erreur. Voici les cas possibles :
Erreur réseau - interruption temporaire du service
Au moment de l'envoi d'une demande de réservation, le serveur n'est pas joignable.
Étiquettes : NetworkError
Serveur non disponible
Le serveur renvoie une erreur interne.
Étiquette : Unknown
Service mis hors ligne lors de la tentative de réservation
Pendant le processus de réservation (réservation pas encore confirmée), un service sélectionné par le client a été désactivé par un membre du personnel du Back Office et n'est plus disponible en ligne. Après confirmation, la demande de réservation sera refusée.
Étiquette : OnlineBookingDisabled
Réservation du même créneau horaire en même temps - condition de concurrence
Deux clients réservent le même créneau horaire en même temps. La première réservation sera réussie tandis que la seconde échouera.
Étiquettes : StaffNotAvailable
Prendre un rendez-vous trop proche de la date/heure actuelle
Si une réservation est initiée avant mais terminée après l'heure de début du rendez-vous (réservation initiée à 11 h 58 pour un rendez-vous commençant à 12 h 00 mais terminée à 12 h 01), cela entraînera une erreur car l'heure de réservation est désormais passée.
Étiquettes : TimeTooEarly, TimeTooLate