Passer au contenu principal

Google Analytics, Google Ads et Google Tag Manager

Apprenez à intégrer Google Analytics et Google Tag Manager dans Cobot en utilisant nos exemples de code.

Écrit par Aidan Sunassee

Comment configurer le suivi des membres de l'espace

  1. Contactez notre équipe pour faire activer la fonctionnalité de suivi des membres de l'espace.

  2. Une fois la fonctionnalité activée, allez dans Configurer » Suivi et choisissez votre fournisseur de suivi.

Menu de configuration du cobot affichant l'option 'Suivi' sélectionnée.

Le JavaScript personnalisé reste sous Personnaliser » JavaScript. Plus de détails.

Notes Importantes

  • Les scripts de suivi ne se chargent qu'après que le visiteur a donné son consentement aux cookies concernés (Analytics pour GTM, Marketing pour Meta Pixel).

  • Si votre espace utilise la fonctionnalité no_cookie_banner, vous êtes responsable du consentement et Cobot charge votre configuration de suivi immédiatement.


Fournisseurs de suivi disponibles

Meta Pixel

  1. Choisissez Meta Pixel.

  2. Entrez votre ID Pixel (chiffres uniquement).

  3. Cliquez sur Enregistrer le suivi.

Formulaire de suivi Meta Pixel avec champ de saisie de l'identifiant Pixel dans Cobot.

Comment effectuer le suivi avec Meta Pixel

  • Cobot charge le code de base de Meta Pixel après le consentement aux cookies Marketing (ad_storage).

  • Les évènements Cobot sont envoyés avec fbq('trackCustom', eventName, properties).

Ces évènements Cobot correspondent également à des évènements Meta standards :

  • membership_signup_completedCompleteRegistration

  • time_pass_purchase_completedPurchase


Google Tag Manager

  1. Choisissez Google Tag Manager.

  2. Entrez l'ID de votre conteneur (GTM-XXXXXXX).

Formulaire de configuration de Google Tag Manager avec champ de saisie de l'ID du conteneur dans Cobot.

Comment effectuer le suivi avec Google Tag Manager

  • Cobot charge GTM après le consentement aux cookies analytiques (analytics_storage).

  • Chaque évènement Cobot est transmis à dataLayer comme suit :

{ event: 'cobot.membership_signup_completed', plan_id: '...', plan_name: '...' // …other properties }

Créez des déclencheurs GTM correspondant aux noms d'évènements cobot.*.


JavaScript personnalisé

Les scripts personnalisés se configurent séparément sous Personnaliser » JavaScript.

Panneau de paramètres JavaScript personnalisés comprenant un champ de saisie de texte pour le code, une bannière d'information sur l'intégration dans les pages publiques et réservées aux membres, ainsi qu'une remarque concernant l'espace réservé {{COBOT_USER_EMAIL}}.


Écoutez les évènements Cobot :

document.addEventListener('cobot:tracking', (e) => { const { name, properties } = e.detail; // send to your analytics tool });

Ou

Appelez directement la fonction utilitaire :

window.CobotTracking.track('my_custom_event', { foo: 'bar' });

💡 Le paramètre {{COBOT_USER_EMAIL}} est remplacé par l'adresse e-mail de l'utilisateur connecté, lorsqu'elle est disponible.


Catalogue d'évènements

Les noms d'évènements sont stables. Les clés de propriétés peuvent évoluer avec le temps. Considérez les propriétés manquantes comme facultatives.

Inscriptions à l'adhésion

membership_signup_plan_selected : déclenché lorsqu'un visiteur clique sur S'inscrire sur un forfait depuis la page d'accueil de l'espace.

{ "plan_id": "plan-1", "plan_name": "Hot Desk", "plan_price": "100.0" }

membership_signup_started: déclenché au chargement de la page du formulaire d'inscription.

{ "plan_id": "plan-1", "plan_name": "Hot Desk", "plan_price": "100.0" }


membership_signup_submitted: déclenché lors de la soumission du formulaire d'inscription.


membership_signup_payment_method_started: déclenché lorsque le sélecteur de mode de paiement post-candidature s'affiche (aucun mode encore sélectionné).

membership_signup_payment_method_selected: déclenché lorsque le formulaire d'un mode de paiement s'affiche après que le membre a sélectionné un mode.
-

{ "payment_method_id": "pm-1", "payment_method_name": "Credit Card" }


membership_signup_payment_method_submitted: déclenché lors de la soumission du formulaire du mode de paiement sélectionné pendant l'inscription.


membership_signup_completed: déclenché après la création de l'adhésion (Tableau de bord ou page de configuration du mode de paiement avec signup_completed=true).

{ "plan_id": "plan-1", "plan_name": "Hot Desk", "membership_id": "membership-1" }

Time Pass Purchases

time_pass_purchase_started: déclenché lorsque le membre ouvre la page d'achat de tickets de coworking.

time_pass_purchase_previewed: déclenché au chargement de la page d'aperçu/confirmation d'achat.

{ "time_pass_name": "Day Pass", "time_pass_spec_id": "spec-1", "no_of_passes": 2, "price": "40.0", "currency": "EUR", "per_invoice": false }


time_pass_purchase_confirmed: déclenché lorsque le membre confirme l'achat sur la page d'aperçu.

time_pass_purchase_completed: déclenché sur le tableau de bord du membre après un achat réussi.

{ "time_pass_name": "Day Pass", "time_pass_spec_id": "spec-1", "no_of_passes": 2, "price": "40.0", "currency": "EUR" }

Avez-vous trouvé la réponse à votre question ?