Cobot permet l'utilisation des "Données Structurées Google" sur toutes les pages Storefront. Celles-ci sont invisibles pour les visiteurs humains, mais elles permettent à Google de comprendre le contenu de votre page Cobot et de l'utiliser pour créer des extraits enrichis, ce qui aide à promouvoir votre page dans les résultats de recherche.
Nous utilisons cela, toujours dans la vue d'ensemble mais aussi dans la vue individuelle, sur :
Ressources externes
Forfaits
Pass drop-in
Évènements
Google Analytics vous aide à suivre le parcours de vos clients sur votre site web et vos applications. Utilisez ce JavaScript pour ajouter votre code de suivi à Cobot sous Personnaliser » JavaScript. Tout code entré dans Cobot sera ajouté comme script dans l'élément head de toutes vos pages publiques et administratives.
Ce guide couvrira :
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.
Exemple de code pour Google Analytics
Les exemples ci-dessous vous permettent de suivre les vues de pages, la durée et les visiteurs sur vos pages Cobot, tout comme sur votre site web.
Tout d'abord, nous devons charger la bibliothèque JavaScript depuis Google :
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
Ensuite, nous configurons le tracker, plus de détails ici.
ga('create', 'YOUR GOOGLE PROPERTY ID', 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE');
Cela envoie les vues de page au tracker :
ga('send', 'pageview');
Vous pouvez découvrir d'autres types de données à envoyer ici.
Exemple de code pour Google Universal Analytics (Recommandé)
Nous avons déjà chargé la bibliothèque JavaScript Google Universal Analytics, donc vous n'avez pas à le faire. Cela active votre tracker Google Analytics, plus de détails ici.
gtag('config', 'YOUR GOOGLE PROPERTY ID', { 'cookie_name': 'YOUR COBOT SUBDOMAIN', 'cookie_domain': 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE' });
Cela permet d'envoyer les pages vues à votre outil d'analyse Google :
gtag('event', 'page_view', { 'send_to': 'YOUR GOOGLE PROPERTY ID' });'
Exemples avancés
Découvrez les exemples avancés ci-dessous pour suivre les données à travers différents domaines, envoyer un événement personnalisé ou configurer des données sur des pages spécifiques.
Si vous souhaitez faire plus, comme suivre des transactions e-commerce, vous devrez ajouter des données supplémentaires. L'exemple ci-dessous vous donne une idée de comment faire cela. Gardez à l'esprit que cette fonctionnalité est très puissante car vous pouvez utiliser l'ensemble du langage de programmation JavaScript.
NOTES IMPORTANTES
Les étapes ci-dessous concernent Universal Analytics. Si vous utilisez la prochaine génération de Google Analytics, référez-vous à la documentation de Google Analytics 4.
Vous pouvez lire sur la mesure inter-domaines ici.
gtag('config', 'YOUR GOOGLE PROPERTY ID', {
'cookie_name': 'YOUR COBOT SUBDOMAIN',
'cookie_domain': 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE',
'linker': {'accept_incoming': true} // this setting makes sure that you can track action e.g. from your home page into cobot on the same property
});
// How we find an element in the page, here by its Id and we say it's a button
const signup_button = document.querySelector('#SignupButtonId');
// Only run the code once the page has loaded
window.addEventListener('load', (event) => {
// See if we are on the correct page by URL. You could program any other condition.
if window.location.href.match('part-of-url'){
// set the page category in the data layer, see more about the data layer here: https://developers.google.com/tag-manager/devguide#datalayer
dataLayer.push({}'pageCategory': 'signup'})
// do something when we click the element we found on the page, here a button
signup_button.addEventListener('click', () => {
Envoyez un événement d'achat à Google Analytics, vous pouvez trouver d'autres événements ici.
gtag('event', 'purchase', {value: 150, currency: 'EUR'}});
});
});
Ajouter des réservations externes à vos annonces Google
PROCHAINES ÉTAPES : Consultez nos intégrations pour optimiser votre expérience Cobot et celle de vos membres.