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.
Pour plus de détails, consultez la documentation officielle de Google Tag Manager.
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.