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.

Aidan Sunassee avatar
Écrit par Aidan Sunassee
Mis à jour hier

Vous pouvez insérer votre propre code JavaScript dans Cobot. Utilisez la fonctionnalité permettant d'ajouter votre code d'analyse ou votre code personnalisé à vos pages Cobot sous Personnaliser » JavaScript.

Tout code entré dans Cobot sous Personnaliser » JavaScript sera ajouté comme script dans l'élément head de toutes vos pages publiques et administratives.

NOTES IMPORTANTES

  • Il est possible que vous puissiez causer des dysfonctionnements sur Cobot, alors veuillez vérifier votre code avant de contacter le support si quelque chose ne fonctionne plus après avoir apporté des modifications à cette fonctionnalité. Vous pourriez vouloir consulter un expert en Google Analytics pour obtenir des résultats optimaux pour votre cas d'utilisation.


Ajouter Google Analytics à votre Cobot

Google Analytics vous aide à suivre le parcours de vos clients sur votre site web et vos applications. Cobot charge déjà par défaut la librairie Google Analytics, alors vous n'avez donc qu'à ajouter vos détails de configuration pour commencer à recevoir des données.

1. Copiez le script ci-dessous dans le champ de texte sous Personnaliser » JavaScript.

function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR GOOGLE MEASUREMENT ID');

2. Remplacez "YOUR MEASUREMENT ID" par votre propre identifiant de mesure, qui ressemble à `GTM-XXXYY`.

3. Et voilà ! Vous recevrez désormais toutes les données de base dans votre compte Google Analytics.

Pour plus d'informations sur l'utilisation de Google Analytics, consultez la documentation officielle de Google.


Exemple de script personnalisé pour mesurer un achat sur la page d’un forfait avec Google Analytics

Une fois que vous avez chargé votre balise Google Analytics, vous pouvez aussi enregistrer des évènements en ajoutant du code supplémentaire dans Personnaliser » JavaScript. Par exemple, pour enregistrer un achat lorsqu'un membre s'inscrit à un forfait.

/* Ce code doit être placé sous le chargement de votre balise Google Analytics. */ 
// Ici, on cherche un élément dans la page, dans ce cas via son id : un bouton
const signup_button = document.querySelector('#SignupButtonId');
// On exécute le code uniquement une fois que la page est chargée
window.addEventListener('load', (event) => {
// Vérifiez que vous êtes sur la bonne page via l'URL
if window.location.href.match('membership_signup/new'){
// Enregistrez un achat lorsqu'on clique sur le bouton trouvé
signup_button.addEventListener('click', () => {
gtag('event', 'purchase', {value: 150, currency: 'EUR'}});
});
});


Ajouter Google Tag Manager à votre Cobot

Si vous préférez utiliser Google Tag Manager pour gérer plusieurs balises (comme Google Analytics), ajoutez le code suivant au début de le champe de texte sous Personnaliser » JavaScript.

(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','YOUR CONTAINER ID');

1. Remplacez "YOUR CONTAINER ID" par votre propre identifiant de conteneur, qui ressemble à `GTM-XXXYY`.

2. Cela chargera Google Tag Manager sur vos pages Cobot. Pour éviter toute confusion, chargez toutes vos autres balises de script via votre Google Tag Manager. N'ajoutez pas d'autres scripts directement dans le JavaScript personnalisé de Cobot.


Mesurer les conversions avec Google Ads

Pour mesurer vos conversions avec Google Ads, vous devez avoir activé Google Tag Manager ou Google Analytics sur vos pages, comme décrit ci-dessus.


Dépanner votre JavaScript personnalisé

Pour vérifier si votre JavaScript personnalisé comporte des erreurs, ouvrez la console de développement de votre navigateur web pendant que vous testez votre page. Si une erreur survient, un message d'erreur apparaîtra indiquant soit une erreur de syntaxe (Syntax Error), ou soit un message commençant par "Error in custom JavaScript".

Veuillez noter que nous ne pouvons pas fournir de support pour l'écriture de JavaScript personnalisé.


PROCHAINE ÉTAPE : Consultez nos intégrations pour optimiser votre expérience Cobot et celle de vos membres.

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