{"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":"woocommerce-integracion-google-ga4-gtm-ads","status":"publish","type":"post","link":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/archivos\/woocommerce-integracion-google-ga4-gtm-ads\/","title":{"rendered":"WooCommerce Integraci\u00f3n Google (GA4, GTM, Anuncios) 1.0"},"content":{"rendered":"<h6 data-rm-block-id=\"block-1\">Documentaci\u00f3n Integraci\u00f3n WooCommerce Google<\/h6>Completo <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/categoria\/base-de-conocimientos\/wordpress\/documentacion-2\/\" title=\"Documentaci\u00f3n\">documentaci\u00f3n<\/a> para el complemento <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/product\/wordpress-integracion-google-ga4-gtm-ads\/\" title=\"Cc_google_integration\">cc_google_integration<\/a><br \/><br \/><strong>\u00cdndice<\/strong><br \/>1. introducci\u00f3n<br \/>2. instalaci\u00f3n<br \/>3. activaci\u00f3n de la licencia<br \/>4 Configuraci\u00f3n b\u00e1sica<br \/>5. seguimiento de los eventos de comercio electr\u00f3nico<br \/>6 Integraci\u00f3n con Google Ads<br \/>7. modo depuraci\u00f3n<br \/>8. c\u00f3digo JavaScript personalizado<br \/>9 Soluci\u00f3n de problemas<br \/>10. PREGUNTAS FRECUENTES<br \/><h6 data-rm-block-id=\"block-2\"><br \/>1. introducci\u00f3n<\/h6>CC Google Integration es un plug-in profesional para <a href=\"https:\/\/woocommerce.com\/\" title=\"WooCommerce\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a> que permite la plena integraci\u00f3n de la tienda online con Google Analytics 4, Google Tag Manager y Google Ads. Permite realizar un seguimiento autom\u00e1tico del comportamiento de los usuarios y de los eventos de comercio electr\u00f3nico, lo que resulta crucial para optimizar los procesos de venta y marketing.<br \/><br \/>El plug-in permite un control total sobre:<br \/><ul><li data-rm-block-id=\"block-3\">Integraci\u00f3n con Google Analytics 4 (GA4)<\/li><li data-rm-block-id=\"block-4\">Integraci\u00f3n con Google Tag Manager (GTM)<\/li><li data-rm-block-id=\"block-5\">Configuraci\u00f3n de conversi\u00f3n de Google Ads<\/li><li data-rm-block-id=\"block-6\">seguimiento de eventos de comercio electr\u00f3nico<\/li><li data-rm-block-id=\"block-7\">c\u00f3digo JavaScript personalizado<\/li><\/ul><h6 data-rm-block-id=\"block-8\"><br \/>2. instalaci\u00f3n<\/h6><strong>Requisitos del sistema<\/strong><br \/><ul><li data-rm-block-id=\"block-9\">WordPress 5.0 o superior<\/li><li data-rm-block-id=\"block-10\">WooCommerce 3.0 o posterior<\/li><li data-rm-block-id=\"block-11\">PHP 7.0 o posterior<\/li><\/ul><strong>Proceso de instalaci\u00f3n<\/strong><br \/><ol><li data-rm-block-id=\"block-12\">Descargue el archivo ZIP del plug-in desde <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/\" title=\"Tienda oficial\">la tienda oficial<\/a><\/li><li data-rm-block-id=\"block-13\">Acceda al panel de administraci\u00f3n de WordPress<\/li><li data-rm-block-id=\"block-14\">Ir a: <strong>Plug-ins &gt; A\u00f1adir nuevo &gt; Enviar plug-in<\/strong><\/li><li data-rm-block-id=\"block-15\">Seleccione el archivo ZIP descargado y haga clic en \"Instalar ahora\".<\/li><li data-rm-block-id=\"block-16\">Una vez finalizada la instalaci\u00f3n, haga clic en \"Activar complemento\".<\/li><\/ol><h6 data-rm-block-id=\"block-17\"><br \/>3. activaci\u00f3n de la licencia<\/h6>Es necesario activar la licencia antes de utilizar el plug-in:<br \/><br \/>Despu\u00e9s de la instalaci\u00f3n, vaya a: <strong>COCOS. &gt; Licencia cc_google_integration<\/strong><br \/>Introduzca la clave de licencia recibida tras la compra<br \/>Haga clic en \"Activar licencia\".<br \/>Tras la activaci\u00f3n, aparecer\u00e1 un mensaje de confirmaci\u00f3n.<br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-18\">Consejo<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-19\">Sin una licencia activa, el plug-in funcionar\u00e1 en modo de vista previa sin posibilidad de editar los ajustes.<\/div><\/div><h6 data-rm-block-id=\"block-20\"><br \/>4 Configuraci\u00f3n b\u00e1sica<\/h6>Para configurar los ajustes b\u00e1sicos del plug-in:<br \/><ol><li data-rm-block-id=\"block-21\">Ir a: <strong>Ajustes &gt; Integraci\u00f3n con Google<\/strong><\/li><li data-rm-block-id=\"block-22\">Configure las siguientes opciones:<\/li><\/ol><strong>Identificador GA4<\/strong><br \/>Introduzca el identificador de medici\u00f3n de Google Analytics 4 (formato: G-XXXXXXXXXX). Puede encontrarlo en la interfaz de Google Analytics en Administraci\u00f3n &gt; Configuraci\u00f3n del servicio &gt; Recopilaci\u00f3n y modificaci\u00f3n de datos &gt; Flujos de datos &gt; Flujo seleccionado &gt; Identificador de medici\u00f3n.<br \/><br \/><strong>Contenedor ID GTM<\/strong><br \/>Introduzca el ID del contenedor de Google Tag Manager (formato: GTM-XXXXXXX). Lo encontrar\u00e1 en la interfaz de Google Tag Manager.<br \/><br \/><strong>ID de Google Ads<\/strong><br \/>Introduzca el identificador de la etiqueta principal de Google Ads (formato: AW-XXXXXXXXX). Lo encontrar\u00e1 en la interfaz de Google Ads en Herramientas &gt; Etiquetas del sitio.<br \/><br \/><h6 data-rm-block-id=\"block-23\"><br \/>5. seguimiento de los eventos de comercio electr\u00f3nico<\/h6>En esta secci\u00f3n, puede activar y configurar el seguimiento de eventos de comercio electr\u00f3nico:<br \/><br \/><strong>Activar el seguimiento del comercio electr\u00f3nico<\/strong><br \/>Habilite esta opci\u00f3n para activar el seguimiento de eventos de compra de Google Analytics 4.<br \/><br \/><strong>Pr\u00f3ximos eventos<\/strong><br \/>Elija qu\u00e9 eventos de comercio electr\u00f3nico desea seguir en su tienda:<br \/><ul><li data-rm-block-id=\"block-24\"><strong>Visualizaci\u00f3n de la lista de productos<\/strong> (view_item_list) - registra la visualizaci\u00f3n de una lista de productos en una tienda<\/li><li data-rm-block-id=\"block-25\"><strong>Exposici\u00f3n de un solo producto<\/strong> (view_item) - registra la visualizaci\u00f3n de la p\u00e1gina del producto<\/li><li data-rm-block-id=\"block-26\"><strong>A\u00f1adir a la cesta<\/strong> (add_to_cart) - registra la adici\u00f3n de un producto a la cesta<\/li><li data-rm-block-id=\"block-27\"><strong>Inicio del contrato<\/strong> (begin_checkout) - registra el inicio del proceso de pedido<\/li><li data-rm-block-id=\"block-28\"><strong>Comprar<\/strong> (compra) - registra las transacciones realizadas<\/li><li data-rm-block-id=\"block-29\"><strong>Buscar en<\/strong> (b\u00fasqueda) - registra las consultas de b\u00fasqueda en la p\u00e1gina de la tienda<\/li><li data-rm-block-id=\"block-30\"><strong>Registro de usuarios<\/strong> (sign_up) - registra el alta de un nuevo usuario<\/li><li data-rm-block-id=\"block-31\"><strong>Inicio de sesi\u00f3n de usuario<\/strong> (login) - registra el login de un usuario existente<\/li><\/ul><strong>Clase personalizada para el bot\u00f3n \"A\u00f1adir a la cesta<\/strong><br \/>Introduzca las clases CSS de los botones que desea rastrear. Puede separar varias clases con comas. Las clases de botones por defecto en WooCommerce son:<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\">Consejo<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-38\">El complemento dispone de detecci\u00f3n autom\u00e1tica de las clases del bot\u00f3n \"A\u00f1adir a la cesta\", pero siempre conviene comprobarlas manualmente mediante las herramientas de desarrollo del navegador (F12).<\/div><\/div><h6 data-rm-block-id=\"block-39\"><br \/>6 Integraci\u00f3n con Google Ads<\/h6>Para configurar el seguimiento de conversiones de Google Ads, configure los siguientes campos:<br \/><br \/><strong>Etiquetas de conversi\u00f3n<\/strong><br \/>Introduzca las etiquetas de conversi\u00f3n de Google Ads para eventos individuales. La etiqueta es la parte que aparece despu\u00e9s de la \"\/\" en el ID de conversi\u00f3n completo. Por ejemplo, si el ID de conversi\u00f3n es \"AW-123456789\/AbCdEfGhIj\", introduzca \"AbCdEfGhIj\" en el campo correspondiente.<br \/><br \/>Etiquetas de conversi\u00f3n disponibles:<br \/><ul><li data-rm-block-id=\"block-40\"><strong>Etiqueta de conversi\u00f3n \"exposici\u00f3n de productos\"<\/strong> - para el evento view_item<\/li><li data-rm-block-id=\"block-41\"><strong>Etiqueta de conversi\u00f3n \"a\u00f1adir a la cesta\"<\/strong> - para el evento add_to_cart<\/li><li data-rm-block-id=\"block-42\"><strong>Etiqueta de conversi\u00f3n \"inicio de pedido\"<\/strong> - para el evento begin_checkout<\/li><li data-rm-block-id=\"block-43\"><strong>Etiqueta de conversi\u00f3n \"compra\"<\/strong> - para la compra del evento<\/li><li data-rm-block-id=\"block-44\"><strong>Etiqueta de conversi\u00f3n \"b\u00fasqueda\"<\/strong> - para el evento de b\u00fasqueda<\/li><li data-rm-block-id=\"block-45\"><strong>Etiqueta de conversi\u00f3n \"registro de usuario\"<\/strong> - para el evento sign_up<\/li><li data-rm-block-id=\"block-46\"><strong>Etiqueta de conversi\u00f3n \"login usuario\"<\/strong> - para acceder al evento<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-47\">Importante<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-48\">Para Google Ads, es necesario crear los objetivos y las conversiones uno mismo en su cuenta de Google Ads. Una vez obtenidas las etiquetas de conversi\u00f3n, hay que introducirlas en la configuraci\u00f3n del complemento.<\/div><\/div><h6 data-rm-block-id=\"block-49\"><br \/>7. modo depuraci\u00f3n<\/h6>El plug-in ofrece un modo de depuraci\u00f3n para ayudar a verificar que la integraci\u00f3n funciona correctamente:<br \/><br \/><strong>Activar el modo de depuraci\u00f3n<\/strong><br \/>Marque esta opci\u00f3n para activar el modo de depuraci\u00f3n. Esto har\u00e1 que se muestre informaci\u00f3n detallada de eventos GA4 y mensajes de diagn\u00f3stico en la consola JavaScript.<br \/><br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-50\">Consejo<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-51\">Para abrir la consola de desarrollador en tu navegador, pulsa F12 o Ctrl + May\u00fas + I (Windows\/Linux) o Cmd + Opci\u00f3n + I (Mac), luego ve a la pesta\u00f1a \"Consola\".<\/div><\/div><strong>Pruebas en Tag Assistant<\/strong><br \/>Para asegurarse de que todo funciona correctamente, puede utilizar la herramienta oficial de Google, Tag Assistant. Te permite verificar que las etiquetas se implementan correctamente y que los datos se transfieren correctamente.<br \/><br \/><h6 data-rm-block-id=\"block-52\"><br \/>8. c\u00f3digo JavaScript personalizado<\/h6>El complemento le permite a\u00f1adir su propio c\u00f3digo JavaScript, que se ejecutar\u00e1 en todas las p\u00e1ginas de la tienda:<br \/><br \/><strong>Incluya su propio c\u00f3digo<\/strong><br \/>Marque esta opci\u00f3n para activar la ejecuci\u00f3n de su propio c\u00f3digo JavaScript.<br \/><br \/><strong>C\u00f3digo JavaScript personalizado<\/strong><br \/>En este campo puede introducir c\u00f3digo JavaScript personalizado que se ejecutar\u00e1 en todas las p\u00e1ginas. Aqu\u00ed puede a\u00f1adir sus propios eventos para GA4 o GTM.<br \/><br \/>Ejemplo de c\u00f3digo de evento personalizado:<br \/><div class=\"cc-code-quote\"><pre data-rm-block-id=\"block-53\"><code>document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ Aseg\u00farate de que el dataLayer existe\r\n    window.dataLayer = window.dataLayer || [];\r\n    \/\/ Ejemplo de env\u00edo de un evento simple cuando se carga la p\u00e1gina\r\n    dataLayer.push({\r\n      \"evento\": \"custom_event\",\r\n      \"custom_parameter\": \"value\",\r\n      \"timestamp\": new Date().toISOString()\r\n    });\r\n    console.log(\"El evento personalizado se ha enviado a dataLayer\");\r\n    \/\/ Opcional: Ejemplo de un evento de clic de bot\u00f3n\r\n    \/\/ Comprueba si el elemento existe antes de a\u00f1adir el listener\r\n    const button = document.querySelector(\"#moj-button\");\r\n    if (button) {\r\n      button.addEventListener(\"click\", function() {\r\n        dataLayer.push({\r\n          \"evento\": \"button_click\",\r\n          \"button_id\": \"mi-bot\u00f3n\",\r\n          \"button_text\": this.textContent\r\n        });\r\n        \r\n        console.log(\"El evento de clic del bot\u00f3n se ha enviado al dataLayer\";)\r\n      });\r\n    }\r\n});<\/code><\/pre><\/div><h6 data-rm-block-id=\"block-54\"><br \/>9 Soluci\u00f3n de problemas<\/h6><strong>Las etiquetas no son visibles en las herramientas de Google<\/strong><br \/><ul><li data-rm-block-id=\"block-55\">Compruebe que los identificadores GA4, GTM y Google Ads se han introducido correctamente.<\/li><li data-rm-block-id=\"block-56\">Asegurarse de que la licencia est\u00e1 activa<\/li><li data-rm-block-id=\"block-57\">Borra la cach\u00e9 del navegador y vuelve a comprobarlo<\/li><li data-rm-block-id=\"block-58\">Utilice el modo de depuraci\u00f3n para ver los mensajes en la consola de JavaScript<\/li><li data-rm-block-id=\"block-59\">Utilice el Asistente de etiquetas de Google para verificar las etiquetas<\/li><\/ul><strong>Los acontecimientos no se registran<\/strong><br \/><ul><li data-rm-block-id=\"block-60\">Aseg\u00farese de que los eventos relevantes est\u00e1n activados en la configuraci\u00f3n del plug-in<\/li><li data-rm-block-id=\"block-61\">Compruebe que las clases personalizadas del bot\u00f3n \"A\u00f1adir a la cesta\" est\u00e1n configuradas correctamente.<\/li><li data-rm-block-id=\"block-62\">Compruebe que no hay conflictos con otros plug-ins<\/li><li data-rm-block-id=\"block-63\">Compruebe que el JavaScript de la p\u00e1gina funciona correctamente (sin errores en la consola)<\/li><\/ul><strong>Problemas con los anuncios de Google<\/strong><br \/><ul><li data-rm-block-id=\"block-64\">Compruebe que el identificador principal de Google Ads es correcto<\/li><li data-rm-block-id=\"block-65\">Garantizar la correcta configuraci\u00f3n de las etiquetas de conversi\u00f3n<\/li><li data-rm-block-id=\"block-66\">Verificar que las conversiones est\u00e1n correctamente configuradas en el panel de Google Ads.<\/li><\/ul><h6 data-rm-block-id=\"block-67\"><br \/>10. PREGUNTAS FRECUENTES<\/h6><strong>\u00bfFunciona el plugin con las \u00faltimas versiones de WooCommerce?<\/strong><br \/>S\u00ed, CC Google Integration es compatible con las \u00faltimas versiones de WooCommerce y se actualiza regularmente para garantizar la compatibilidad.<br \/><br \/><strong>\u00bfNecesito cuentas separadas para GA4, GTM y Google Ads?<\/strong><br \/>S\u00ed, para sacar el m\u00e1ximo partido al plugin, se recomienda disponer de cuentas de Google Analytics 4, Google Tag Manager y Google Ads. Cada una de estas herramientas tiene un papel diferente en el ecosistema de la anal\u00edtica.<br \/><br \/><strong>\u00bfAfecta el plug-in al rendimiento del sitio?<\/strong><br \/>CC Google Integration se ha dise\u00f1ado teniendo en cuenta el rendimiento y tiene un impacto m\u00ednimo en la velocidad de carga de la p\u00e1gina. Los scripts se cargan de forma as\u00edncrona, lo que minimiza el impacto en los tiempos de carga.<br \/><br \/><strong>\u00bfPuedo seguir eventos personalizados?<\/strong><br \/>S\u00ed, con la opci\u00f3n \"C\u00f3digo JavaScript personalizado\", puede a\u00f1adir el seguimiento de cualquier evento personalizado tanto a Google Analytics 4 como a Google Tag Manager.<br \/><br \/><strong>\u00bfEl plug-in admite traducciones?<\/strong><br \/>S\u00ed, todos los textos de los plugins pueden traducirse utilizando herramientas est\u00e1ndar de WordPress como Loco Translate o WPML.<br \/><br \/><strong>\u00bfCon qu\u00e9 frecuencia se actualiza el plug-in?<\/strong><br \/>El plugin se actualiza regularmente para garantizar la compatibilidad con las \u00faltimas versiones de WordPress, WooCommerce y los servicios de Google.<br \/><br \/><strong>\u00bfY si necesito ayuda?<\/strong><br \/>Tras la compra de la licencia se ofrece asistencia t\u00e9cnica. P\u00f3ngase en contacto con nosotros <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/soporte\/\" title=\"P\u00e1gina de ayuda\">p\u00e1gina de asistencia<\/a>.","protected":false},"excerpt":{"rendered":"Documentaci\u00f3n de Woo Commerce Integraci\u00f3n con Google Documentaci\u00f3n completa del plugin cc_google_integration \u00cdndice 1. Introducci\u00f3n 2. Instalaci\u00f3n 3. Activaci\u00f3n de la licencia 4. Configuraci\u00f3n b\u00e1sica 5. Seguimiento de eventos de comercio electr\u00f3nico 6. Integraci\u00f3n con 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\/es\/wp-json\/wp\/v2\/posts\/3362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/comments?post=3362"}],"version-history":[{"count":0,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/posts\/3362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/media\/3374"}],"wp:attachment":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/media?parent=3362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/categories?post=3362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/tags?post=3362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}