Suivez l'utilisation des réservations en ligne avec Google Analytics 4 (Booking widget v2)

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.

Prérequis

Avant d'utiliser Google Analytics, vous aurez besoin des éléments suivants :

Un compte Google valide
Vous devez vous être inscrit à 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

Tout d'abord, assurez-vous que le script suivant a été inclus dans la balise <head> de votre page Web. Assurez-vous d'ajouter l'ID de balise Google « G-XXXXXXXX » à la fin de la ligne jaune.

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
www.booxi.com	www.booxi.eu

<head>
  <script src="https://www.booxi.com/api/booknow.js" async=""></script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
</head>

Ensuite, vous devrez ajouter le code ci-dessous, Google Tag ID "G-XXXXXXXX" au code du widget. N'oubliez pas d'ajouter votre clé API.

<body>
  <script>
     window.dataLayer = window.dataLayer || [];
     function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
     gtag('config', 'G-XXXXXXXX');

     var bnHandler = null;
     window.bxApiInit = function () {
       bnHandler = booxiController.configure({
         apiKey: "YOUR_API_KEY_HERE",
         googleTag: gtag
       });
     };
 </script>

<!-- The Book Now button code -->
<div class="bx_bn_button use_bx_ico" onclick="booxiController.book();">Book Now</div>

</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 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.

Détails des événements

Nom de l'événement	Paramètres de l'événement	Valeur	Description	Examples
book_now_opened	book_now_event_label	“Book Now Widget”	Name of the application having opened.	“FR Book Now Widget” *
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	"FR 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é	"FR Coupe de cheveux"
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.	"FR John Smith"
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_select_date	book_now_event_label	Méthode de prise de rendez-vous	Expose comment la prise de rendez-vous a été effectuée, soit en utilisant des créneaux horaires ou la disponibilité du client. Remarque : ne fournit PAS la date/heure réelle ni la valeur de disponibilité du client	“FR Open booking” (disponibilité du client) * “FR Calendar date” (date spécifique sélectionnée) *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_select_time	book_now_event_label	Mode de sélection de plage horaire	Confirme si une sélection de temps a été effectuée Remarque : ne fournit PAS la valeur réelle de la plage horaire	“FR Time interval” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_user_form_submit	book_now_event_label	Confirme si le client a fournit ses coordonnées	Indique que le client a fournit ses coordonnées durant la prise de rendez-vous.	“FR User Info Submit” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_booking_requested	book_now_event_label	Événement déclenché si la réservation nécessite l'approbation du personnel	Indique une réservation nécessitant une affectation de personnel.	“FR New appointment” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_booking_complete	book_now_event_label	Rendez-vous approuvé a été soumis.	Indique qu'un rendez-vous approuvé a été soumis.	“FR New appointment” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_send_rental_request	book_now_event_label		Indique la soumission d'une demande de location.	“FR New Rental event” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_select_rental_resource	book_now_event_label	Nom de la ressource	Nom de la ressource (s'applique uniquement aux locations)	“FR Bicycle” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_booking_request_fail	book_now_event_label	Une erreur s'est produite durant la réservation.	Indique l'action qui a causé l'erreur	“FR new appointment” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_form_validation_error	book_now_event_label	L'utilisateur a fourni une adresse ou un numéro de téléphone invalide	Une erreur s'est produite lors de la validation des données d'un utilisateur.	“FR User Info Submit” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”
book_now_close_book_now	book_now_event_label	L'utilisateur a annulé pendant la réservation ou après que la réservation soit complétée	Le widget a été fermé.	“FR Booking Canceled” * “FR Booking Complete” *
booxi_app	“Book Now”	L'application utilisé pour réserver	“Book Now”

(*) : Chaque valeur renvoyée par book_now_event_label sera préfixée du pays du marchand, par exemple « CA » pour le Canada. Cela peut être utile si vous avez des magasins situés dans plusieurs pays.

Comment accéder aux données Google Analytics

En utilisant le compte Google Analytics que vous avez créé précédemment, vous pouvez aller dans Rapports > Temps réel pour voir les événements enregistrés. Voir cette référence Google sur l'utilisation des rapports en temps réel.

Notez que les événements signalés par le booking widget sont des événements personnalisés, vous devrez donc créer une dimension personnalisée pour signaler ces événements et créer des rapports plus avancés. Consultez cet article Google pour savoir comment créer des dimensions personnalisées et créer des rapports.