Tracking Google Tag Manager

Tracking Google Tag Manager

Écrit par Julien Pierre
Dernière mise à jour :  mercredi 08 janvier 2025

​Voici les éléments qui pourront vous accompagner dans la réalisation d'un tracking : 

​1/ Un exemple de code CSS que nous avons intégré et qui fonctionne : 

​<!-- Google Tag Manager -->

<script>(function (w, d, s, l, i) {

        w[l] = w[l] || []; w[l].push({

            'gtm.start':

                new Date().getTime(), event: 'gtm.js'

        }); var f = d.getElementsByTagName(s)[0],

            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =

                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);

    })(window, document, 'script', 'dataLayer', 'GTM-xxxxxx');</script>

<!-- End Google Tag Manager -->

<script type="text/javascript">

    function thaisBeSendReservation(obj) {

        dataLayer.push(obj);

    }

</script>


<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxxxx"></script>

<script>

    window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-xxxxx');

</script>

<!-- Event snippet for Réservation Hotel conversion page -->

<script type="text/javascript">

    function thaisBeSendReservation(obj) {

        gtag('event', 'conversion', {

            'send_to': 'AW-xxx/xxx',

            'value': obj.total,

            'currency': 'EUR',

            'transaction_id': obj.id

        });

    }

</script>

2/ Un tutoriel qui reprend les variables que vous pouvez appeler et les différentes "function" disponibles. C'est principalement la function thaisBeSendReservation qui est toujours utilisée. 

https://thais-soft.xenoapp.help/hc/booking-engine-moteur-de-reservation/tracker

3/ Un tutoriel pour le fonctionnement de la Sandbox qui a pour but de tester la validité du code (sans faire de vraies réservations) : 

https://thais-soft.xenoapp.help/hc/booking-engine-moteur-de-reservation/sandbox-tracker

​4/ L'adresse du moteur de réservation pour lequel le tracking sera utile : https://monhotel.thais-hotel.com/direct-booking/calendar

​5/ Si vous avez accès à l'interface de configuration du client (ce qui est le plus pratique), voici le chemin pour déposer le code CSS : 

​Cliquer sur le bouton Thaïs Hotel (en haut à droite du planning, cf pièce jointe) -> Config -> Param Généraux -> Booking Engine.

Vous pourrez ainsi renseigner le code dans l'encart dédié "Custom Code (Google Analytics)"

Booking Engine / Moteur de réservation

6 articles dans cette catégorie.
Écrit par Cédric Métairie, Cédric Métairie, Julien Pierre et 1 autre.