{"id":3362,"date":"2025-04-01T12:29:06","date_gmt":"2025-04-01T10:29:06","guid":{"rendered":"https:\/\/cocos.codes\/?p=3362"},"modified":"2026-01-21T15:56:27","modified_gmt":"2026-01-21T14:56:27","slug":"integration-woocommerce-google-ga4-gtm-ads","status":"publish","type":"post","link":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/archives\/integration-woocommerce-google-ga4-gtm-ads\/","title":{"rendered":"WooCommerce Int\u00e9gration Google (GA4, GTM, Ads) 1.0"},"content":{"rendered":"<h6 data-rm-block-id=\"block-1\">Documentation WooCommerce Int\u00e9gration Google<\/h6>Complet <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/categorie\/base-de-connaissances\/wordpress\/documentations\/\" title=\"Documentation\">la documentation<\/a> pour le plug-in <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/product\/wordpress-integration-google-ga4-gtm-ads\/\" title=\"Cc_google_integration\">cc_google_integration<\/a><br \/><br \/><strong>Table des mati\u00e8res<\/strong><br \/>1. Introduction<br \/>2. installation<br \/>3. Activation de la licence<br \/>4 Configuration de base<br \/>5. le suivi des \u00e9v\u00e9nements li\u00e9s au commerce \u00e9lectronique<br \/>6 Int\u00e9gration avec Google Ads<br \/>7. mode d\u00e9bogage<br \/>8. code JavaScript personnalis\u00e9<br \/>9 D\u00e9pannage<br \/>10. LA FAQ<br \/><h6 data-rm-block-id=\"block-2\"><br \/>1. Introduction<\/h6>CC Google Integration est un plug-in professionnel pour <a href=\"https:\/\/woocommerce.com\/\" title=\"WooCommerce\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a> permettant une int\u00e9gration compl\u00e8te de la boutique en ligne avec Google Analytics 4, Google Tag Manager et Google Ads. Il permet le suivi automatique du comportement des utilisateurs et des \u00e9v\u00e9nements li\u00e9s au commerce \u00e9lectronique, ce qui est essentiel pour optimiser les processus de vente et de marketing.<br \/><br \/>Le plug-in permet un contr\u00f4le total sur :<br \/><ul><li data-rm-block-id=\"block-3\">Int\u00e9gration avec Google Analytics 4 (GA4)<\/li><li data-rm-block-id=\"block-4\">Int\u00e9gration avec Google Tag Manager (GTM)<\/li><li data-rm-block-id=\"block-5\">Configuration des conversions Google Ads<\/li><li data-rm-block-id=\"block-6\">le suivi des \u00e9v\u00e9nements li\u00e9s au commerce \u00e9lectronique<\/li><li data-rm-block-id=\"block-7\">code JavaScript personnalis\u00e9<\/li><\/ul><h6 data-rm-block-id=\"block-8\"><br \/>2. installation<\/h6><strong>Exigences du syst\u00e8me<\/strong><br \/><ul><li data-rm-block-id=\"block-9\">WordPress 5.0 ou sup\u00e9rieur<\/li><li data-rm-block-id=\"block-10\">WooCommerce 3.0 ou plus r\u00e9cent<\/li><li data-rm-block-id=\"block-11\">PHP 7.0 ou plus r\u00e9cent<\/li><\/ul><strong>Processus d'installation<\/strong><br \/><ol><li data-rm-block-id=\"block-12\">T\u00e9l\u00e9chargez le fichier ZIP du plug-in \u00e0 partir de <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/\" title=\"Boutique officielle\">la boutique officielle<\/a><\/li><li data-rm-block-id=\"block-13\">Se connecter au panneau d'administration de WordPress<\/li><li data-rm-block-id=\"block-14\">Aller \u00e0 : <strong>Plug-ins &gt; Ajouter un nouveau plug-in &gt; Envoyer un plug-in<\/strong><\/li><li data-rm-block-id=\"block-15\">S\u00e9lectionnez le fichier ZIP t\u00e9l\u00e9charg\u00e9 et cliquez sur \"Installer maintenant\"<\/li><li data-rm-block-id=\"block-16\">Une fois l'installation termin\u00e9e, cliquez sur \"Activer le plug-in\"<\/li><\/ol><h6 data-rm-block-id=\"block-17\"><br \/>3. Activation de la licence<\/h6>Il est n\u00e9cessaire d'activer la licence avant d'utiliser le plug-in :<br \/><br \/>Apr\u00e8s l'installation, rendez-vous sur : <strong>COCOS. &gt; Licence cc_google_integration<\/strong><br \/>Saisir la cl\u00e9 de licence re\u00e7ue apr\u00e8s l'achat<br \/>Cliquez sur \"Activer la licence\"<br \/>Une fois l'activation r\u00e9ussie, un message de confirmation s'affiche<br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-18\">Conseil<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-19\">Sans licence active, le plug-in fonctionnera en mode pr\u00e9visualisation sans possibilit\u00e9 de modifier les param\u00e8tres.<\/div><\/div><h6 data-rm-block-id=\"block-20\"><br \/>4 Configuration de base<\/h6>Pour configurer les param\u00e8tres de base du plug-in :<br \/><ol><li data-rm-block-id=\"block-21\">Aller \u00e0 : <strong>Param\u00e8tres &gt; Int\u00e9gration Google<\/strong><\/li><li data-rm-block-id=\"block-22\">Configurez les options suivantes :<\/li><\/ol><strong>Identifiant GA4<\/strong><br \/>Saisissez l'identifiant de mesure de Google Analytics 4 (format : G-XXXXXXXXXX). Vous pouvez le trouver dans l'interface Google Analytics sous Administration &gt; Param\u00e8tres des services &gt; Collecte et modification des donn\u00e9es &gt; Flux de donn\u00e9es &gt; flux s\u00e9lectionn\u00e9 &gt; ID de mesure.<br \/><br \/><strong>ID du conteneur GTM<\/strong><br \/>Saisissez l'ID du conteneur Google Tag Manager (format : GTM-XXXXXXX). Vous le trouverez dans l'interface de Google Tag Manager.<br \/><br \/><strong>ID des annonces Google<\/strong><br \/>Saisissez l'identifiant principal de la balise Google Ads (format : AW-XXXXXXXXX). Vous le trouverez dans l'interface Google Ads sous Outils &gt; Balises de site.<br \/><br \/><h6 data-rm-block-id=\"block-23\"><br \/>5. le suivi des \u00e9v\u00e9nements li\u00e9s au commerce \u00e9lectronique<\/h6>Dans cette section, vous pouvez activer et configurer le suivi des \u00e9v\u00e9nements de commerce \u00e9lectronique :<br \/><br \/><strong>Activer le suivi du commerce \u00e9lectronique<\/strong><br \/>Activez cette option pour activer le suivi des \u00e9v\u00e9nements d'achat de Google Analytics 4.<br \/><br \/><strong>\u00c9v\u00e9nements \u00e0 suivre<\/strong><br \/>Choisissez les \u00e9v\u00e9nements de commerce \u00e9lectronique que vous souhaitez suivre dans votre boutique :<br \/><ul><li data-rm-block-id=\"block-24\"><strong>Affichage de la liste des produits<\/strong> (view_item_list) - enregistre l'affichage d'une liste de produits dans une boutique<\/li><li data-rm-block-id=\"block-25\"><strong>Pr\u00e9sentation d'un seul produit<\/strong> (view_item) - enregistre l'affichage de la page du produit<\/li><li data-rm-block-id=\"block-26\"><strong>Ajouter au panier<\/strong> (add_to_cart) - enregistre l'ajout d'un produit au panier<\/li><li data-rm-block-id=\"block-27\"><strong>D\u00e9but du contrat<\/strong> (begin_checkout) - enregistre le d\u00e9but du processus de commande<\/li><li data-rm-block-id=\"block-28\"><strong>Achat<\/strong> (achat) - enregistre les transactions achev\u00e9es<\/li><li data-rm-block-id=\"block-29\"><strong>Recherche<\/strong> (recherche) - enregistre les requ\u00eates de recherche sur la page du magasin<\/li><li data-rm-block-id=\"block-30\"><strong>Enregistrement de l'utilisateur<\/strong> (sign_up) - enregistre l'inscription d'un nouvel utilisateur<\/li><li data-rm-block-id=\"block-31\"><strong>Connexion de l'utilisateur<\/strong> (login) - enregistre le login d'un utilisateur existant<\/li><\/ul><strong>Classe personnalis\u00e9e pour le bouton \"Ajouter au panier\".<\/strong><br \/>Saisissez les classes CSS des boutons que vous souhaitez suivre. Vous pouvez s\u00e9parer plusieurs classes par des virgules. Les classes de boutons par d\u00e9faut dans WooCommerce sont :<br \/><ul><li data-rm-block-id=\"block-32\">.add-to-cart<\/li><li data-rm-block-id=\"block-33\">.add_to_cart_button<\/li><li data-rm-block-id=\"block-34\">.ajax_add_to_cart<\/li><li data-rm-block-id=\"block-35\">.single_add_to_cart_button<\/li><li data-rm-block-id=\"block-36\">.single_add_to_cart_ajax_button<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-37\">Conseil<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-38\">Le plug-in d\u00e9tecte automatiquement les classes du bouton \"Ajouter au panier\", mais il est toujours utile de les v\u00e9rifier manuellement \u00e0 l'aide des outils de d\u00e9veloppement du navigateur (F12).<\/div><\/div><h6 data-rm-block-id=\"block-39\"><br \/>6 Int\u00e9gration avec Google Ads<\/h6>Pour mettre en place le suivi des conversions de Google Ads, configurez les champs suivants :<br \/><br \/><strong>\u00c9tiquettes de conversion<\/strong><br \/>Saisissez les \u00e9tiquettes de conversion Google Ads pour les \u00e9v\u00e9nements individuels. L'\u00e9tiquette est la partie qui suit le \"\/\" dans l'identifiant de conversion complet. Par exemple, si l'identifiant de conversion est \"AW-123456789\/AbCdEfGhIj\", entrez \"AbCdEfGhIj\" dans le champ appropri\u00e9.<br \/><br \/>\u00c9tiquettes de conversion disponibles :<br \/><ul><li data-rm-block-id=\"block-40\"><strong>Etiquette de conversion \"affichage du produit\"<\/strong> - pour l'\u00e9v\u00e9nement view_item<\/li><li data-rm-block-id=\"block-41\"><strong>Etiquette de conversion \"ajouter au panier\"<\/strong> - pour l'\u00e9v\u00e9nement add_to_cart<\/li><li data-rm-block-id=\"block-42\"><strong>Etiquette de conversion \"d\u00e9but de l'ordre\"<\/strong> - pour l'\u00e9v\u00e9nement begin_checkout<\/li><li data-rm-block-id=\"block-43\"><strong>\u00c9tiquette de conversion \"achat\"<\/strong> - pour l'achat de l'\u00e9v\u00e9nement<\/li><li data-rm-block-id=\"block-44\"><strong>Etiquette de conversion \"search\"<\/strong> - pour l'\u00e9v\u00e9nement de recherche<\/li><li data-rm-block-id=\"block-45\"><strong>Etiquette de conversion \"enregistrement de l'utilisateur\"<\/strong> - pour l'\u00e9v\u00e9nement sign_up<\/li><li data-rm-block-id=\"block-46\"><strong>Etiquette de conversion \"user login\"<\/strong> - pour la connexion \u00e0 l'\u00e9v\u00e9nement<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-47\">Important<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-48\">Pour Google Ads, il est n\u00e9cessaire de cr\u00e9er les cibles et les conversions vous-m\u00eame dans votre compte Google Ads. Une fois les \u00e9tiquettes de conversion obtenues, elles doivent \u00eatre introduites dans la configuration du plug-in.<\/div><\/div><h6 data-rm-block-id=\"block-49\"><br \/>7. mode d\u00e9bogage<\/h6>Le plug-in propose un mode de d\u00e9bogage qui permet de v\u00e9rifier que l'int\u00e9gration fonctionne correctement :<br \/><br \/><strong>Activer le mode d\u00e9bogage<\/strong><br \/>Cochez cette option pour activer le mode de d\u00e9bogage. Des informations d\u00e9taill\u00e9es sur les \u00e9v\u00e9nements GA4 et des messages de diagnostic seront alors affich\u00e9s dans la console JavaScript.<br \/><br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-50\">Conseil<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-51\">Pour ouvrir la console de d\u00e9veloppement dans votre navigateur, appuyez sur F12 ou Ctrl + Shift + I (Windows\/Linux) ou Cmd + Option + I (Mac), puis allez dans l'onglet \"Console\".<\/div><\/div><strong>Tests dans l'assistant de marquage<\/strong><br \/>Pour vous assurer que tout fonctionne correctement, vous pouvez utiliser l'outil officiel de Google, Tag Assistant. Il vous permet de v\u00e9rifier que les balises sont correctement impl\u00e9ment\u00e9es et que les donn\u00e9es sont transf\u00e9r\u00e9es correctement.<br \/><br \/><h6 data-rm-block-id=\"block-52\"><br \/>8. code JavaScript personnalis\u00e9<\/h6>Le plug-in vous permet d'ajouter votre propre code JavaScript, qui sera ex\u00e9cut\u00e9 sur toutes les pages de la boutique :<br \/><br \/><strong>Inclure votre propre code<\/strong><br \/>Cochez cette option pour activer l'ex\u00e9cution de votre propre code JavaScript.<br \/><br \/><strong>Code JavaScript personnalis\u00e9<\/strong><br \/>Dans ce champ, vous pouvez saisir un code JavaScript personnalis\u00e9 qui sera ex\u00e9cut\u00e9 sur toutes les pages. Vous pouvez ajouter vos propres \u00e9v\u00e9nements pour GA4 ou GTM ici.<br \/><br \/>Exemple de code d'\u00e9v\u00e9nement personnalis\u00e9 :<br \/><div class=\"cc-code-quote\"><pre data-rm-block-id=\"block-53\"><code>document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ Assurez-vous que le dataLayer existe\r\n    window.dataLayer = window.dataLayer || [] ;\r\n    \/\/ Exemple d'envoi d'un \u00e9v\u00e9nement simple lors du chargement de la page\r\n    dataLayer.push({\r\n      \"event\" : \"custom_event\",\r\n      \"custom_parameter\" : \"value\",\r\n      \"timestamp\" : new Date().toISOString()\r\n    }) ;\r\n    console.log(\"L'\u00e9v\u00e9nement personnalis\u00e9 a \u00e9t\u00e9 envoy\u00e9 \u00e0 la couche de donn\u00e9es\") ;\r\n    \/\/ Facultatif : exemple d'\u00e9v\u00e9nement de clic sur un bouton\r\n    \/\/ V\u00e9rifier si l'\u00e9l\u00e9ment existe avant d'ajouter l'\u00e9couteur\r\n    const button = document.querySelector(\"#moj-button\") ;\r\n    if (button) {\r\n      button.addEventListener(\"click\", function() {\r\n        dataLayer.push({\r\n          \"event\" : \"button_click\",\r\n          \"button_id\" : \"mon-bouton\",\r\n          \"button_text\" : this.textContent\r\n        }) ;\r\n        \r\n        console.log(\"L'\u00e9v\u00e9nement de clic sur le bouton a \u00e9t\u00e9 envoy\u00e9 au dataLayer\" ;)\r\n      }) ;\r\n    }\r\n}) ;<\/code><\/pre><\/div><h6 data-rm-block-id=\"block-54\"><br \/>9 D\u00e9pannage<\/h6><strong>Les balises ne sont pas visibles dans les outils Google<\/strong><br \/><ul><li data-rm-block-id=\"block-55\">V\u00e9rifiez que les identifiants GA4, GTM et Google Ads sont correctement saisis.<\/li><li data-rm-block-id=\"block-56\">S'assurer que la licence est active<\/li><li data-rm-block-id=\"block-57\">Vider le cache du navigateur et v\u00e9rifier \u00e0 nouveau<\/li><li data-rm-block-id=\"block-58\">Utiliser le mode d\u00e9bogage pour afficher les messages dans la console JavaScript<\/li><li data-rm-block-id=\"block-59\">Utiliser Google Tag Assistant pour v\u00e9rifier les balises<\/li><\/ul><strong>Les \u00e9v\u00e9nements ne sont pas enregistr\u00e9s<\/strong><br \/><ul><li data-rm-block-id=\"block-60\">Assurez-vous que les \u00e9v\u00e9nements pertinents sont activ\u00e9s dans la configuration du plug-in.<\/li><li data-rm-block-id=\"block-61\">V\u00e9rifiez que les classes du bouton personnalis\u00e9 \"Ajouter au panier\" sont correctement d\u00e9finies.<\/li><li data-rm-block-id=\"block-62\">V\u00e9rifier qu'il n'y a pas de conflit avec d'autres plug-ins<\/li><li data-rm-block-id=\"block-63\">V\u00e9rifier que le JavaScript de la page fonctionne correctement (pas d'erreur dans la console)<\/li><\/ul><strong>Probl\u00e8mes avec les annonces Google<\/strong><br \/><ul><li data-rm-block-id=\"block-64\">V\u00e9rifiez que l'identifiant principal de Google Ads est correct<\/li><li data-rm-block-id=\"block-65\">S'assurer que les \u00e9tiquettes de conversion sont correctement configur\u00e9es<\/li><li data-rm-block-id=\"block-66\">V\u00e9rifier que les conversions sont correctement configur\u00e9es dans le panneau Google Ads<\/li><\/ul><h6 data-rm-block-id=\"block-67\"><br \/>10. LA FAQ<\/h6><strong>Le plug-in fonctionne-t-il avec les derni\u00e8res versions de WooCommerce ?<\/strong><br \/>Oui, CC Google Integration est compatible avec les derni\u00e8res versions de WooCommerce et mis \u00e0 jour r\u00e9guli\u00e8rement pour assurer la compatibilit\u00e9.<br \/><br \/><strong>Ai-je besoin de comptes s\u00e9par\u00e9s pour GA4, GTM et Google Ads ?<\/strong><br \/>Oui, pour tirer le meilleur parti du plugin, il est recommand\u00e9 d'avoir des comptes Google Analytics 4, Google Tag Manager et Google Ads. Chacun de ces outils a un r\u00f4le diff\u00e9rent dans l'\u00e9cosyst\u00e8me analytique.<br \/><br \/><strong>Le plug-in affecte-t-il les performances du site ?<\/strong><br \/>CC Google Integration a \u00e9t\u00e9 con\u00e7u dans un souci de performance et a un impact minimal sur la vitesse de chargement des pages. Les scripts sont charg\u00e9s de mani\u00e8re asynchrone, ce qui minimise l'impact sur les temps de chargement.<br \/><br \/><strong>Puis-je suivre des \u00e9v\u00e9nements personnalis\u00e9s ?<\/strong><br \/>Oui, gr\u00e2ce \u00e0 l'option \"Code JavaScript personnalis\u00e9\", vous pouvez ajouter le suivi de tout \u00e9v\u00e9nement personnalis\u00e9 \u00e0 Google Analytics 4 et \u00e0 Google Tag Manager.<br \/><br \/><strong>Le plug-in prend-il en charge les traductions ?<\/strong><br \/>Oui, tous les textes des plugins peuvent \u00eatre traduits en utilisant les outils standards de WordPress tels que Loco Translate ou WPML.<br \/><br \/><strong>\u00c0 quelle fr\u00e9quence le plug-in est-il mis \u00e0 jour ?<\/strong><br \/>Le plugin est r\u00e9guli\u00e8rement mis \u00e0 jour pour assurer la compatibilit\u00e9 avec les derni\u00e8res versions de WordPress, WooCommerce et les services Google.<br \/><br \/><strong>Que faire si j'ai besoin d'aide ?<\/strong><br \/>Une assistance technique est disponible apr\u00e8s l'achat de la licence. Contactez-nous par <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/support\/\" title=\"Page de support\">page de soutien<\/a>.","protected":false},"excerpt":{"rendered":"Woo Commerce Documentation Int\u00e9gration Google Documentation compl\u00e8te pour le plugin cc_google_integration Table des mati\u00e8res 1. introduction 2. installation 3. activation de la licence 4. configuration de base 5. suivi des \u00e9v\u00e9nements e-commerce 6. int\u00e9gration Google","protected":false},"author":1,"featured_media":3374,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[196],"tags":[219,197,218,217,216,144],"class_list":["post-3362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje","tag-ads","tag-dokumentacja","tag-ga4","tag-gtm","tag-integracja-google","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/posts\/3362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/comments?post=3362"}],"version-history":[{"count":0,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/posts\/3362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/media\/3374"}],"wp:attachment":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/media?parent=3362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/categories?post=3362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/fr\/wp-json\/wp\/v2\/tags?post=3362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}