{"id":44097,"date":"2024-05-27T16:00:07","date_gmt":"2024-05-27T16:00:07","guid":{"rendered":"https:\/\/taggrs.io\/?p=44097"},"modified":"2026-06-17T09:26:47","modified_gmt":"2026-06-17T09:26:47","slug":"google-tag-manager-beginners-guide","status":"publish","type":"post","link":"https:\/\/taggrs.io\/es\/google-tag-manager-beginners-guide\/","title":{"rendered":"\u00bfQu\u00e9 es Google Tag Manager y c\u00f3mo se configura?"},"content":{"rendered":"\n<p>Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite realizar un seguimiento de todos los eventos de tu sitio web y gestionar todas tus etiquetas en un solo lugar. Estas etiquetas de marketing, peque\u00f1os fragmentos de c\u00f3digo que registran las acciones de los usuarios y recopilan datos, son importantes para controlar las interacciones en tu sitio web. En este blog, te explicamos todo lo que necesitas saber sobre Google Tag Manager para entenderlo y ponerte manos a la obra.  <\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 id=\"que-es-google-tag-manager\" class=\"wp-block-heading\">\u00bfQu\u00e9 es Google Tag Manager?<\/h2>\n\n\n\n<p>Google Tag Manager (GTM) es un sistema de gesti\u00f3n de tags gratuito de Google. Te permite instalar y gestionar tags de seguimiento (como Google Analytics 4, Meta Pixel y Google Ads) en tu sitio web desde un solo panel, sin editar directamente el c\u00f3digo de tu sitio.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wat-is-google-tag-manager-en-hoe-werkt-het\">Qu\u00e9 es Google Tag Manager y c\u00f3mo funciona<\/h2>\n\n\n\n<p>Google Tag Manager te permite realizar un seguimiento de las interacciones de los usuarios en tu sitio web mediante etiquetas. Un ejemplo habitual de etiqueta de marketing es la etiqueta de Google, que se utiliza para instalar Google Analytics y otros productos y servicios de Google. Adem\u00e1s, Google Tag Manager tambi\u00e9n te permite gestionar otras herramientas de seguimiento como Meta o Hotjar. La ventaja de esto es que lo gestionas todo desde un punto central, lo que significa que no tienes que a\u00f1adir c\u00f3digos HTML distintos a tu sitio web para cada plataforma. En el caso de Google Tag Manager, s\u00f3lo tienes que a\u00f1adir el c\u00f3digo una vez, despu\u00e9s de lo cual puedes gestionar etiquetas y activadores en Tag Manager para todas las plataformas, con el fin de enviar los datos de los usuarios a estas plataformas.    <\/p>\n\n\n\n<p>Algunos conceptos importantes que debes conocer cuando empieces a utilizar Google Tag Manager:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Tags<\/strong><\/td><td>Las tags (etiquetas) son trozos de c\u00f3digo que recogen o activan informaci\u00f3n en tu sitio web. Aqu\u00ed puedes preguntarte qu\u00e9 tipo de c\u00f3digo quieres enviar\/recoger. Ejemplos de etiquetas son Google Analytics, Google Ads, Meta Pixel, etc.<\/td><\/tr><tr><td><strong>Triggers<\/strong><\/td><td>Los triggers (activadores) son condiciones que determinan cu\u00e1ndo debe activarse una etiqueta. Ejemplos de activadores son la vista de p\u00e1gina, el clic y el env\u00edo de formularios.<\/td><\/tr><tr><td><strong>Variables<\/strong><\/td><td>Las variables se pueden utilizar para pasar informaci\u00f3n a etiquetas o activadores. Estos valores que pueden cambiar en funci\u00f3n del contexto.<\/td><\/tr><tr><td><strong>Container<\/strong><\/td><td>El container (contenedor) es donde residen tus etiquetas\/disparadores y variables.<\/td><\/tr><tr><td><strong>Preview mode<\/strong><\/td><td>En el Preview mode (modo de vista previa), se pueden probar los ajustes antes de activarlos.<\/td><\/tr><tr><td><strong>DataLayer<\/strong><\/td><td>La DataLayer (capa de datos) contiene informaci\u00f3n sobre una operaci\u00f3n que se est\u00e1 realizando. Por ejemplo, el precio, la cantidad o los detalles del producto.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"waarvoor-wordt-google-tag-manager-gebruikt\">\u00bfPara qu\u00e9 se utiliza Google Tag Manager?<\/h2>\n\n\n\n<p>Google Tag Manager recupera los datos, los estructura y los reenv\u00eda a las plataformas pertinentes. Por ejemplo, puedes utilizar Google Tag Manager para: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Medir los datos de los usuarios, como las compras<\/li>\n\n\n\n<li>Seguimiento de los env\u00edos de formularios desde tu sitio web B2B<\/li>\n\n\n\n<li>Campa\u00f1as<\/li>\n\n\n\n<li>Remarketing<\/li>\n<\/ul>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"hoe-ziet-de-datastroom-er-precies-uit\">\u00bfC\u00f3mo es exactamente el flujo de datos?<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/03\/how-does-a-data-layer-works.svg\" alt=\"c\u00f3mo funciona una capa de datos\" class=\"wp-image-36761\" style=\"aspect-ratio:1.9167305751765893;width:840px;height:auto\" title=\"\"><\/figure>\n\n\n\n<p>Para ilustrar c\u00f3mo funciona un flujo de datos, veamos la medici\u00f3n de una compra GA4 en un sitio web. El proceso comienza en cuanto un usuario completa una compra en el sitio web. Esta acci\u00f3n y los datos asociados se almacenan de forma estructurada en la Capa de Datos. Esta Capa de Datos contiene variables que contienen informaci\u00f3n de la compra, como detalles del producto, precio y cantidad.   <\/p>\n\n\n\n<p>Estas variables se utilizan despu\u00e9s para establecer activadores. Un activador define el momento en que debe activarse una etiqueta. En este caso, se configura un activador que responde a la compra, detectada por las variables relevantes en la Capa de Datos. En funci\u00f3n de este activador, se puede crear y establecer una etiqueta espec\u00edfica, como una etiqueta de compra GA4. Esta etiqueta se activa en cuanto se cumplen las condiciones del activador, es decir, cuando se realiza una compra. Esto permite medir y capturar con precisi\u00f3n la acci\u00f3n de compra en GA4.     <\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/taggrs.io\/docs\/server-side-tracking\/setup\/gtm\">Aprende m\u00e1s sobre el GTM DataLayer<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"structured-data\">Datos estructurados<\/h3>\n\n\n\n<p>Adem\u00e1s, Google Tag Manager tambi\u00e9n se puede utilizar para implementar datos estructurados en tu sitio web. Los datos estructurados son una capa adicional de datos que a\u00f1ades a tus p\u00e1ginas en un formato espec\u00edfico. Esto garantiza que Google pueda incluir f\u00e1cilmente esta informaci\u00f3n en los resultados de b\u00fasqueda, \u00a1lo que por supuesto hace que la gente haga clic en tu resultado!  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"1316\" height=\"696\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/Structured-data-logo.png\" alt=\"Datos estructurados\" class=\"wp-image-42958\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"server-side-tracking-in-combinatie-met-google-tag-manager\">Server-side Tracking en combinaci\u00f3n con Google Tag Manager<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wat-is-server-side-tracking\">\u00bfQu\u00e9 es el Server-side Tracking?<\/h3>\n\n\n\n<p><a href=\"https:\/\/taggrs.io\/es\/server-side-tracking\/\">Server-side Tracking<\/a> es una nueva forma de recopilar datos. Configuras tu propio servidor que recoge datos de tu sitio web. Esto te convierte en el propietario de los datos recogidos. A trav\u00e9s de este servidor, invocas a Google Tag Manager. Este proceso de recogida y transmisi\u00f3n de datos se conoce como Server-side Tracking.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"web-en-server-container\">Contenedor web y servidor<\/h3>\n\n\n\n<p>As\u00ed gestionas todas tus etiquetas y activadores en un contenedor. Cuando utilizas Server-side Tracking, se a\u00f1ade un contenedor adicional, a saber, el contenedor servidor. En resumen, un contenedor web recoge datos mediante etiquetas que se env\u00edan directamente al navegador del usuario. Con un contenedor de servidor, en cambio, los datos van primero a un servidor, donde luego decides qu\u00e9 datos se reenv\u00edan a qu\u00e9 plataformas, como Google Analytics. En la actualidad, muchas empresas siguen utilizando un m\u00e9todo en el que los datos van primero al contenedor web y desde all\u00ed se encaminan al contenedor servidor. Sin embargo, este proceso est\u00e1 sujeto a cambios, principalmente debido a nuevas leyes y normativas.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" width=\"768\" height=\"473\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/Server-Side-tagging-uitleg-logo.png\" alt=\"Explicaci\u00f3n del server side tagging\" class=\"wp-image-42953\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;aspect-ratio:1.6236992501073635;width:840px;height:auto\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"server-side-google-tag-manager\">Administrador de etiquetas de Google del lado del servidor<\/h3>\n\n\n\n<p>Google Tag Manager funciona bien con Server Side Tracking. Google ha creado incluso una versi\u00f3n especial de Google Tag Manager, Server Side Google Tag Manager (SGTM). Las ventajas de utilizar SGTM son:  <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>C\u00f3mo evitar los bloqueadores de anuncios y la prevenci\u00f3n de rastreo<\/strong>\n<ul class=\"wp-block-list\">\n<li>Evita los bloqueadores de anuncios y la prevenci\u00f3n de rastreo en los navegadores.<\/li>\n\n\n\n<li>Colocar cookies de origen aunque los usuarios bloqueen el seguimiento de terceros.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Mejora de la calidad de los datos<\/strong>\n<ul class=\"wp-block-list\">\n<li>Enriquece y anonimiza los datos como creas conveniente.<\/li>\n\n\n\n<li>Recopila y env\u00eda datos de los usuarios a plataformas publicitarias para una mejor segmentaci\u00f3n.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Tiempo de carga del sitio web m\u00e1s r\u00e1pido<\/strong>\n<ul class=\"wp-block-list\">\n<li>Los scripts se cargan en el servidor en lugar de en el navegador, lo que mejora la velocidad de carga del sitio web.<\/li>\n\n\n\n<li>La mejora de la velocidad de carga tiene un efecto positivo en las tasas de conversi\u00f3n y en la clasificaci\u00f3n SEO.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Vida \u00fatil prolongada de las galletas<\/strong>\n<ul class=\"wp-block-list\">\n<li>Prolonga la vida de las cookies en los navegadores con prevenci\u00f3n de rastreo.<\/li>\n\n\n\n<li>Aseg\u00farate de que las conversiones se atribuyen correctamente aunque se produzcan m\u00e1s tarde.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Retargeting m\u00e1s eficaz<\/strong>\n<ul class=\"wp-block-list\">\n<li>Anula la prevenci\u00f3n de rastreo para prolongar la vida de las cookies.<\/li>\n\n\n\n<li>Mejora la eficacia de las campa\u00f1as de retargeting haciendo un seguimiento m\u00e1s preciso de los usuarios.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Compatibilidad con AVG<\/strong>\n<ul class=\"wp-block-list\">\n<li>Recopila y gestiona tus propios datos, lo que se ajusta m\u00e1s a las directrices de AVG.<\/li>\n\n\n\n<li>Ajustar y anonimizar los datos antes de compartirlos con terceros.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Seguridad mejorada<\/strong>\n<ul class=\"wp-block-list\">\n<li>Los datos se procesan en tu propio servidor, por lo que est\u00e1n mejor protegidos contra los abusos.<\/li>\n\n\n\n<li>Evita el spam estableciendo filtros espec\u00edficos para el tratamiento de datos en el servidor.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/taggrs.io\/es\/server-side-tracking\/benefits-for-more-conversions\/\">Descubre todas las ventajas del GTM server-side<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"het-meten-van-een-aankoopevent-met-google-tag-manager\">\u00bfMedir un evento de compra con Google Tag Manager?<\/h2>\n\n\n\n<p>Los siguientes pasos explican c\u00f3mo crear una cuenta de Google Tag Manager y vincularla a tu sitio web. A continuaci\u00f3n, utiliza un ejemplo para explicar c\u00f3mo configurar una etiqueta, un activador y una variable. El ejemplo en este caso es medir una compra. Queremos que esta conversi\u00f3n sea visible en Google Analytics 4 (GA4). Por tanto, para reproducir este ejemplo, es importante que ya tengas configurado Google Analytics para tu sitio web.    <\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"maak-een-gtm-account-en-container-aan\">Crea una cuenta GTM y un contenedor<\/h3>\n\n\n\n<p>Si no has utilizado antes Google Tag Manager, primero tienes que crear una cuenta. Para ello, ve al sitio web de Google Tag Manager y selecciona el bot\u00f3n azul \"Empezar gratis\". A continuaci\u00f3n se te pedir\u00e1 que crees una cuenta y un contenedor. Por ahora, supondremos que tienes una empresa con un solo sitio web. Nombra tu cuenta, selecciona el pa\u00eds, nombra el contenedor (el nombre de tu sitio web), selecciona <strong>Web<\/strong> como plataforma de destino y haz clic en <strong>Crear<\/strong>.    <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/add-new-account-google-tag-manager.svg\" alt=\"add-new-account-google-tag-manager\" class=\"wp-image-44082\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;aspect-ratio:1.4056903116626709;width:840px;height:auto\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plaats-de-google-tag-manager-code-op-je-website\">Coloca el c\u00f3digo de Google Tag Manager en tu sitio web<\/h3>\n\n\n\n<p>Tras crear una cuenta y un contenedor, recibir\u00e1s dos fragmentos de c\u00f3digo para colocar en cada p\u00e1gina de tu sitio web. Este es el c\u00f3digo del contenedor. Puedes hacerlo manualmente, pero tambi\u00e9n se puede hacer, por ejemplo, a\u00f1adiendo un plugin \/ addon a tu sitio web. Hemos creado plugins \/ addons para varios sistemas CMS que te permiten colocar f\u00e1cilmente el script Tag Manager en tu sitio web, permiti\u00e9ndote utilizar Google Tag Manager. La ventaja de estos plugins \/ addons es que son f\u00e1ciles de usar y se a\u00f1ade autom\u00e1ticamente una capa de datos a tu sitio web.    <\/p>\n\n\n\n<p>Si utilizas WordPress, por ejemplo, puedes <a href=\"https:\/\/taggrs.io\/docs\/server-side-tracking\/woocommerce-data-layer\">utilizar el plugin TAGGRS WooCommerce Data Layer<\/a>.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/google-tag-manager-code.svg\" alt=\"c\u00f3digo del gestor de etiquetas de google\" class=\"wp-image-44077\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;aspect-ratio:1.8108399830384334;width:840px;height:auto\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"data-layer-installeren\">Instalaci\u00f3n de la capa de datos<\/h3>\n\n\n\n<p>Una Capa de datos estructura todos los datos procedentes de tu sitio web, que luego pueden utilizarse en Google Tag Manager para variables, etiquetas y activadores. En la pr\u00e1ctica, esto significa que para cada acci\u00f3n en tu sitio web, como una compra, la Capa de datos la registra incluyendo informaci\u00f3n espec\u00edfica como el nombre del producto, el precio y la cantidad. Necesitas estos datos para configurar tus etiquetas, activadores y variables en Google Tag Manager. As\u00ed que configurar una capa de datos es esencial.   <\/p>\n\n\n\n<p>En algunos casos, no es necesaria una capa de datos. Esto se aplica, por ejemplo, cuando s\u00f3lo quieres medir eventos B2B. En ese caso, puedes utilizar las Etiquetas y variables est\u00e1ndar de Google Tag Manager. Para los eventos de comercio electr\u00f3nico, sin embargo, es necesario disponer de una capa de datos. Para ver qu\u00e9 eventos <strong>incorporados<\/strong> puede recoger autom\u00e1ticamente la Etiqueta de Google, mira en <strong>Variables<\/strong> en <strong>Variables incorporadas<\/strong>. Haz clic en <strong>Configurar<\/strong> para ver las opciones disponibles. A continuaci\u00f3n, selecciona las variables relevantes para tus necesidades de seguimiento.      <\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/03\/Configure-Built-In-Variables-GTM.svg\" alt=\"Configurar-Variables-Integradas-GTM\" class=\"wp-image-39763\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;aspect-ratio:1.7595045821613284;width:840px;height:auto\" title=\"\"><\/figure>\n\n\n\n<p>\u00bfNecesitas una capa de datos? Una forma sencilla de a\u00f1adir una capa de datos es utilizar uno de los plugins TAGGRS. Si quieres saber m\u00e1s sobre c\u00f3mo funciona exactamente la capa de datos, consulta nuestro blog sobre la <a href=\"https:\/\/taggrs.io\/es\/google-tag-manager-beginners-guide\/\">capa de datos de Google Tag Manager.<\/a><\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"stel-google-tag-in-waardoor-data-van-gtm-naar-ga-4-stroomt\">Configura Google Tag para que los datos fluyan de GTM a GA4<\/h3>\n\n\n\n<p>Para enviar los datos recogidos a Google Analytics 4, primero tienes que configurar la etiqueta de Google. Puedes hacerlo siguiendo estos pasos.<\/p>\n\n\n\n<p><strong>Paso 1:<\/strong> Busca tu identificador de Google Analytics 4 metings.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>iniciar sesi\u00f3n en Google Analytics 4<\/li>\n\n\n\n<li>Haz clic en <strong>Admin<\/strong><\/li>\n\n\n\n<li>selecciona tu propiedad<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"737\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/stap-4-logo.png\" alt=\"recogida de datos stewam\" class=\"wp-image-42920\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haz clic en el <strong>Data streams<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"627\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/stap-5-logo.png\" alt=\"Flujo de datos\" class=\"wp-image-42915\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En los detalles del flujo, ver\u00e1s el identificador de la reuni\u00f3n a la derecha.  <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"932\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/stap-6-logo.png\" alt=\"ID del flujo GA4\" class=\"wp-image-42906\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 2:<\/strong> Ve a <strong>Tags <\/strong>y haz clic en <strong>New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1046\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/Stap-1-logo.png\" alt=\"Crear etiqueta\" class=\"wp-image-42942\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p>Paso 3. Configuraci\u00f3n de la etiqueta de Google Dale un nombre a la nueva etiqueta, por ejemplo, <strong>Configuraci\u00f3n GA4<\/strong> y haz clic en <strong>Configuraci\u00f3n de la etiqueta<\/strong>. Como tipo de etiqueta, elige <strong>Etiqueta de Google<\/strong>. A continuaci\u00f3n, introduce el <strong>ID de la etiqueta<\/strong> que creaste en el paso 1. A continuaci\u00f3n, introduce lo siguiente en Par\u00e1metro de configuraci\u00f3n: send_page_view : true    <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1233\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GA4-tag-config-logo.png\" alt=\"\" class=\"wp-image-43028\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p>Paso 4. Primero, ve a la secci\u00f3n Activadores y selecciona <strong>Inicializaci\u00f3n - Todas las p\u00e1ginas<\/strong>. Despu\u00e9s de a\u00f1adir esta opci\u00f3n, guarda los cambios haciendo clic en <strong>Guardar<\/strong> en la esquina superior derecha. Ya has instalado la Etiqueta GA4. No olvides activar el contenedor haciendo clic en Enviar en la parte superior derecha.      <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"939\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GA4-tag-trigger-logo.png\" alt=\"GA4-tag-trigger-logo\" class=\"wp-image-43033\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tags-en-triggers-instellen\">Establecer etiquetas y activadores<\/h3>\n\n\n\n<p>Ahora que tienes Google Tag Manager vinculado a tu sitio web, es hora de configurar las Etiquetas y los Activadores. En este paso, explicaremos c\u00f3mo configurar la etiqueta y el activador para medir una compra. <\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tag-instellen\">Establecer etiqueta<\/h4>\n\n\n\n<p><strong>Paso 1:<\/strong> En tu espacio de trabajo, haz clic en <strong>Tags<\/strong> y luego en <strong>New<\/strong> en la parte superior derecha.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1046\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/Stap-1-logo.png\" alt=\"Crear etiqueta\" class=\"wp-image-42942\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 2: <\/strong>Selecciona el tipo de etiqueta de <strong>evento GA4<\/strong>. Al elegir este tipo, haces posible medir y registrar interacciones espec\u00edficas de los usuarios, como las compras, directamente en Google Analytics. A continuaci\u00f3n, dale un nombre a tu etiqueta en la esquina superior izquierda. A continuaci\u00f3n, introduce tu ID de metings de GA4 que buscaste anteriormente cuando instalaste GA4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"853\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GTM-1-logo.png\" alt=\"Selecciona el tipo de evento\" class=\"wp-image-42991\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 3:<\/strong> En este paso, vamos a establecer un desencadenante. Por comodidad, ahora utilizaremos una p\u00e1gina de agradecimiento como desencadenante. \u00bfQuieres utilizar eventos como un evento de compra? Entonces consulta nuestro blog sobre la <a href=\"https:\/\/taggrs.io\/docs\/server-side-tracking\/ga4\/ecommerce-events\">creaci\u00f3n de eventos (de comercio electr\u00f3nico) en Google Tag Manager<\/a>. Elige un disparador para activar esta etiqueta. Si quieres que la etiqueta se active cuando se visite una p\u00e1gina determinada, utiliza el siguiente activador.<\/p>\n\n\n\n<p><strong>Configuraci\u00f3n del activador > Tipo de activador: Vista de p\u00e1gina > Algunas vistas de p\u00e1gina<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1603\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GTM-2-logo.png\" alt=\"Selecciona el activador\" class=\"wp-image-42997\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"768\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GTM-3-logo.png\" alt=\"Elige el tipo de activador\" class=\"wp-image-43002\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p>Como quieres que la etiqueta se dispare en una p\u00e1gina concreta, por ejemplo la p\u00e1gina de agradecimiento, ahora tienes que a\u00f1adir un activador espec\u00edfico. Consejo: Dale al activador un nombre distintivo para que puedas reconocerlo f\u00e1cilmente. <\/p>\n\n\n\n<p>Para ello, establece lo siguiente:<\/p>\n\n\n\n<p>La ruta de la p\u00e1gina contiene: <strong>\/thank-you-for-your-order<\/strong>.<\/p>\n\n\n\n<p>Despu\u00e9s, haz clic en <strong>Save<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"839\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GTM-5-logo-1.png\" alt=\"Establecer ruta\" class=\"wp-image-43014\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 4:<\/strong> \u00a1Prueba tu Etiqueta! Esto es muy importante porque incluso un peque\u00f1o error ortogr\u00e1fico har\u00e1 que tu Etiqueta no funcione. Las pruebas se pueden hacer en el modo de vista previa. Esta opci\u00f3n se encuentra en la parte superior derecha de tu \u00e1rea de trabajo de Google Tag Manager. Cuando hagas clic en ella, se abrir\u00e1 una nueva pesta\u00f1a del Asistente de Etiquetas, donde tendr\u00e1s que introducir la URL de tu sitio web.<\/p>\n\n\n\n<p>A continuaci\u00f3n, ve a la p\u00e1gina en la que debe dispararse la etiqueta. As\u00ed, en caso de que quieras medir una compra, tienes que hacer una compra de prueba mientras est\u00e1s en el modo de vista previa. Despu\u00e9s, comprueba en el modo de vista previa de Google Tag Manager si la etiqueta se ha disparado. En el ejemplo siguiente, el nombre de la etiqueta de compra es <strong>Ecom Events<\/strong>. Por tanto, deber\u00eda estar en Etiquetas disparadas.    <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1301\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GTM-preview-tags-fired-logo.png\" alt=\"GTM-preview-tags-fired-logo\" class=\"wp-image-44057\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 5:<\/strong> Cuando hayas probado tu Etiqueta y funcione, puedes seguir adelante y publicarla. Para ello, haz clic en el bot\u00f3n azul <strong>Enviar<\/strong> de la parte superior derecha. Se abrir\u00e1 una nueva pesta\u00f1a en la que puedes incluir informaci\u00f3n sobre la nueva versi\u00f3n que quieres publicar. Introduce aqu\u00ed un nombre descriptivo para que, en caso de que las Etiquetas no funcionen despu\u00e9s de todo, puedas encontrar f\u00e1cilmente d\u00f3nde ha ido mal. Una vez que hayas realizado estos pasos, publicar\u00e1s las Etiquetas. Para ello, haz clic en <strong>Publicar<\/strong> en la parte superior derecha. A partir de ese momento, tu Etiqueta estar\u00e1 activa y recopilando datos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"1194\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/Publish.png\" alt=\"publica\" class=\"wp-image-43038\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<p><strong>Paso 6:<\/strong> Mira en Google Analytics para ver si las conversiones se miden correctamente. Esto podr\u00eda tener este aspecto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"2048\" height=\"880\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/GA4-events.png\" alt=\"Eventos GA4\" class=\"wp-image-43043\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dat-was-het-google-tag-manager-instellen\">\u00a1As\u00ed fue! - Configuraci\u00f3n de Google Tag Manager <\/h2>\n\n\n\n<p>Ya tienes las nociones b\u00e1sicas y est\u00e1s preparado para optimizar la configuraci\u00f3n de Google Analytics 4 (GA4). Ya sabes c\u00f3mo configurar eventos en GA4, c\u00f3mo asegurarte de que cada interacci\u00f3n en tu sitio web se mide correctamente y c\u00f3mo se muestran estos datos en Google Analytics. Ahora est\u00e1s preparado para empezar a configurar m\u00e1s plataformas dentro de Google Tag Manager. En tu panel de TAGGRS, encontrar\u00e1s gu\u00edas de implementaci\u00f3n para las plataformas m\u00e1s populares.     <\/p>\n\n\n\n<p>Prueba siempre tu configuraci\u00f3n para asegurarte de que todos los eventos se activan correctamente y de que los datos aparecen correctamente en tus informes. \u00a1Buena suerte al a\u00f1adir m\u00e1s Etiquetas y activadores! <\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 id=\"comprueba-tu-configuracion\" class=\"wp-block-heading\">Comprueba tu configuraci\u00f3n<\/h2>\n\n\n\n<p>Usa este checklist para confirmar que tu configuraci\u00f3n de GTM est\u00e1 completa. Toca cada paso cuando lo hayas terminado.<\/p>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  .gtm-outer { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #EAF8F7 0%, #EAF5EE 100%); border-radius: 16px; padding: 28px 28px 24px; border: 1px solid #C2E8E2; }\n  .gtm-header { margin-bottom: 1.5rem; }\n  .gtm-header h3 { font-size: 20px; font-weight: 600; margin: 0 0 6px; color: #1A3A36; }\n  .gtm-header p { font-size: 14px; color: #4A7A72; margin: 0; line-height: 1.6; }\n  .progress-bar-wrap { margin: 16px 0 4px; display: flex; align-items: center; gap: 12px; }\n  .progress-track { flex: 1; height: 6px; background: #C2E8E2; border-radius: 99px; overflow: hidden; }\n  .progress-fill { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #4FC3C8, #6ABFA0); transition: width 0.4s ease; }\n  .progress-label { font-size: 13px; font-weight: 500; color: #4A7A72; min-width: 52px; text-align: right; }\n  .step-list { display: flex; flex-direction: column; gap: 10px; }\n  .step-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-radius: 10px; border: 1px solid #D4EEE9; background: #ffffff; cursor: pointer; transition: border-color 0.2s, background 0.2s; }\n  .step-item:hover { border-color: #8ED5CA; }\n  .step-item.done { background: #F0FAF7; border-color: #9FDBC8; }\n  .step-num { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; flex-shrink: 0; background: #E8F6F4; color: #2E9B87; transition: background 0.2s, color 0.2s; }\n  .step-item.done .step-num { background: #2E9B87; color: #fff; }\n  .step-check { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #C2E8E2; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 5px; transition: background 0.2s, border-color 0.2s; }\n  .step-item.done .step-check { background: #2E9B87; border-color: #2E9B87; }\n  .check-icon { display: none; width: 11px; height: 11px; }\n  .step-item.done .check-icon { display: block; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\n  .step-body { flex: 1; min-width: 0; }\n  .step-title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin: 0 0 4px; }\n  .step-item.done .step-title { color: #1E7A68; }\n  .step-desc { font-size: 13px; color: #555555; margin: 0; line-height: 1.65; }\n  .step-item.done .step-desc { color: #3D9B89; }\n  .reset-btn { margin-top: 20px; font-family: 'Poppins', sans-serif; font-size: 13px; color: #4A7A72; background: none; border: 1px solid #C2E8E2; border-radius: 6px; padding: 6px 14px; cursor: pointer; transition: background 0.15s; }\n  .reset-btn:hover { background: #D8F2EE; }\n  .all-done { display: none; margin-top: 18px; padding: 14px 18px; border-radius: 10px; background: #D4F2EA; border: 1px solid #9FDBC8; font-size: 14px; font-weight: 500; color: #1E7A68; }\n<\/style>\n\n<div class=\"gtm-outer\">\n  <div class=\"gtm-header\">\n    <div class=\"progress-bar-wrap\">\n      <div class=\"progress-track\"><div class=\"progress-fill\" id=\"pfill\" style=\"width:0%\"><\/div><\/div>\n      <div class=\"progress-label\" id=\"plabel\">0 \/ 7<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"step-list\" id=\"steps\">\n\n    <div class=\"step-item\" data-i=\"0\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">1<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Crea una cuenta de GTM<\/p>\n        <p class=\"step-desc\">Ve a tagmanager.google.com \u2192 haz clic en Crear cuenta \u2192 ponle nombre a tu cuenta y contenedor \u2192 selecciona Web como plataforma de destino.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"1\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">2<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Instala el snippet del contenedor<\/p>\n        <p class=\"step-desc\">Copia los dos snippets de c\u00f3digo que genera GTM. Pega el primero en el &lt;head&gt; de cada p\u00e1gina y el segundo justo despu\u00e9s de la etiqueta &lt;body&gt;. Tambi\u00e9n puedes usar un plugin de CMS \u2014 por ejemplo el plugin TAGGRS WooCommerce Data Layer para WordPress.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"2\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">3<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Configura tu data layer<\/p>\n        <p class=\"step-desc\">Imprescindible para eventos de e-commerce (compras, a\u00f1adir al carrito, etc.). Usa un plugin de CMS o a\u00f1ade el c\u00f3digo dataLayer.push() manualmente antes de que se active el snippet de GTM.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"3\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">4<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Crea tu primer tag (configuraci\u00f3n GA4)<\/p>\n        <p class=\"step-desc\">En el espacio de trabajo de GTM \u2192 Tags \u2192 Nuevo \u2192 elige Google Tag \u2192 introduce tu GA4 Measurement ID \u2192 establece el trigger en Inicializaci\u00f3n \u2013 Todas las p\u00e1ginas \u2192 Guardar.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"4\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">5<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Define un trigger<\/p>\n        <p class=\"step-desc\">Para un tag de configuraci\u00f3n GA4: usa Inicializaci\u00f3n \u2013 Todas las p\u00e1ginas. Para eventos espec\u00edficos (p. ej. compra): usa un trigger de Evento personalizado que coincida con el nombre del evento en tu data layer.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"5\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">6<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Prueba en modo Vista previa<\/p>\n        <p class=\"step-desc\">Haz clic en Vista previa (arriba a la derecha en GTM) \u2192 introduce la URL de tu sitio en Tag Assistant \u2192 realiza la acci\u00f3n que quieres trackear \u2192 comprueba que tu tag aparece bajo Tags activados.<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n    <div class=\"step-item\" data-i=\"6\" onclick=\"toggle(this)\">\n      <div class=\"step-num\">7<\/div>\n      <div class=\"step-body\">\n        <p class=\"step-title\">Publica el contenedor<\/p>\n        <p class=\"step-desc\">Una vez que la Vista previa confirme que tus tags se activan correctamente \u2192 haz clic en Enviar (arriba a la derecha) \u2192 ponle nombre a la versi\u00f3n \u2192 haz clic en Publicar. \u00a1Tus tags ya est\u00e1n en producci\u00f3n!<\/p>\n      <\/div>\n      <div class=\"step-check\"><svg class=\"check-icon\" viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"all-done\" id=\"alldone\">\n    \u00a1Los 7 pasos completados! Tu configuraci\u00f3n b\u00e1sica de GTM est\u00e1 lista \u2014 el siguiente paso: a\u00f1ade Server Side Tracking para que tus datos pasen por un servidor que t\u00fa controlas, y no por el navegador del usuario.\n  <\/div>\n\n  <button class=\"reset-btn\" onclick=\"resetAll()\">Reiniciar checklist<\/button>\n<\/div>\n\n<script>\n  var done = new Array(7).fill(false);\n  function toggle(el) {\n    var i = +el.dataset.i;\n    done[i] = !done[i];\n    el.classList.toggle('done', done[i]);\n    update();\n  }\n  function update() {\n    var count = done.filter(Boolean).length;\n    document.getElementById('pfill').style.width = (count \/ 7 * 100) + '%';\n    document.getElementById('plabel').textContent = count + ' \/ 7';\n    document.getElementById('alldone').style.display = count === 7 ? 'block' : 'none';\n  }\n  function resetAll() {\n    done.fill(false);\n    document.querySelectorAll('.step-item').forEach(function(el){ el.classList.remove('done'); });\n    update();\n  }\n<\/script>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"server-side-google-tag-manager-sgtm\">Google Tag Manager del lado del servidor (sGTM)<\/h2>\n\n\n\n<p>Despu\u00e9s de configurar Google Tag Manager en el contenedor web, el siguiente paso es configurar <a href=\"https:\/\/taggrs.io\/docs\/server-side-tracking\/setup\/gtm\">GTM Server-side Tracking<\/a>. Esto comienza con la configuraci\u00f3n de Google Tag Manager del Lado Servidor para tus diferentes plataformas. En TAGGRS, nuestros expertos han creado plantillas espec\u00edficas para las plataformas m\u00e1s populares. Template Gallery Puedes descargarlas f\u00e1cilmente desde TAGGRS , que est\u00e1 disponible en tu Panel de TAGGRS. Estas plantillas te permiten implementar r\u00e1pidamente y sin problemas el Server Side Tracking en plataformas conocidas. Estas plantillas te permiten implementar r\u00e1pida y f\u00e1cilmente el Server-side Tracking en plataformas conocidas. Lee nuestro blog\u00a0<a href=\"https:\/\/taggrs.io\/docs\/server-side-tracking\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Template Gallery<\/a>\u00a0para obtener m\u00e1s informaci\u00f3n sobre estas plantillas y c\u00f3mo aplicarlas.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"1845\" height=\"1920\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/taggrs-tracking-templates.webp\" alt=\"In the Template gallery by TAGGRS you can find over 15 templates ready to install and get your Server-side Tracking up and running.\" class=\"wp-image-70960\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>En TAGGRS te guiamos de principio a fin en la configuraci\u00f3n de tu Google Tag Manager, para que al final puedas medir eficazmente todos los datos de los usuarios de tu sitio web.<\/p>\n\n\n\n<p><strong>Consejo<\/strong>: Si has configurado Server-side a trav\u00e9s de TAGGRS, \u00a1puedes ver en el Panel de TAGGRS cu\u00e1ntos datos adicionales est\u00e1s obteniendo a trav\u00e9s de Server-side Tracking!<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"682\" src=\"https:\/\/taggrs.io\/wp-content\/uploads\/2024\/05\/taggrs-signal-comparison-graph.webp\" alt=\"Difference in terms of server-side and client-side events tracked in your website\" class=\"wp-image-70965\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wat-je-nu-weet\">Lo que sabes ahora<\/h2>\n\n\n\n<p>Despu\u00e9s de leer este blog sobre Google Tag Manager (GTM), ahora ya entiendes bien qu\u00e9 es y c\u00f3mo funciona. GTM es una herramienta pr\u00e1ctica para gestionar etiquetas de marketing y hacer un seguimiento de las interacciones de los usuarios en tu sitio web. Has aprendido a configurar etiquetas, activadores y variables, y a enviar los datos recogidos a plataformas como Google Analytics 4 (GA4). Adem\u00e1s, sabr\u00e1s c\u00f3mo probar la configuraci\u00f3n de Google Tag Manager en modo de vista previa antes de ponerlo en marcha para asegurarte de que todo funciona correctamente. Tambi\u00e9n sabr\u00e1s c\u00f3mo configurar Server Side Tracking en Google Tag Manager y las ventajas de Server Side Tracking, como un mejor control de los datos y el cumplimiento de la GDPR. Despu\u00e9s de leer este blog, tendr\u00e1s los conocimientos y pasos necesarios para empezar a utilizar GTM por ti mismo, incluyendo consejos para optimizar tu configuraci\u00f3n de seguimiento.     <\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"veel-gestelde-vragen-google-tag-manager\">Preguntas frecuentes Google Tag Manager<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1715612163030\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfSe puede utilizar Server Side Tracking sin Google Tag Manager?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Te\u00f3ricamente, esto es posible, s\u00f3lo que para ello tienes que configurar tu propia estructura de etiquetas como la de Google Tag Manager. Pero esto no es habitual. <\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1715612199025\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Ya utilizo Google Tag Manager, \u00bftengo que restablecer todo ahora para utilizar Server-side Tracking?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, no es necesario. Puedes seguir utilizando tus Etiquetas y activadores ya configurados; \u00e9stos pueden modificarse para que funcionen con Server-side Tracking. <\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite realizar un ...<\/p>\n","protected":false},"author":10,"featured_media":70948,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[338],"tags":[],"class_list":["post-44097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avanzado"],"acf":[],"_links":{"self":[{"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/posts\/44097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/comments?post=44097"}],"version-history":[{"count":0,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/posts\/44097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/media\/70948"}],"wp:attachment":[{"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/media?parent=44097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/categories?post=44097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggrs.io\/es\/wp-json\/wp\/v2\/tags?post=44097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}