{"id":9544,"date":"2021-11-22T22:58:53","date_gmt":"2021-11-22T22:58:53","guid":{"rendered":"https:\/\/www.abrima.com\/blog\/?p=9544"},"modified":"2021-11-22T22:59:01","modified_gmt":"2021-11-22T22:59:01","slug":"que-es-google-tag-manager-y-como-funciona","status":"publish","type":"post","link":"https:\/\/www.abrima.com\/blog\/que-es-google-tag-manager-y-como-funciona\/","title":{"rendered":"Qu\u00e9 es Google Tag Manager y c\u00f3mo funciona"},"content":{"rendered":"\n

Google Tag Manager una herramienta de Google para\u00a0gestionar las etiquetas<\/strong>\u00a0(fragmentos de c\u00f3digo que se a\u00f1aden a las p\u00e1ginas web) que utilizan la mayor\u00eda de herramientas como Google Analytics o\u00a0Google Search Console.<\/p>\n\n\n\n

Google Tag Manager permite crear etiquetas para la mayor\u00eda de los servicios y herramientas de an\u00e1lisis de datos de forma sencilla.<\/p><\/blockquote>\n\n\n\n

Google Tag Manager es un sistema de gesti\u00f3n de etiquetas que permite a los usuarios configurar las etiquetas de las diferentes herramientas desde una interfaz sencilla y f\u00e1cil de utilizar. Al mismo tiempo, evitar tener que pegar la etiqueta manualmente en el c\u00f3digo de la p\u00e1gina web, ya que Google Tag Manager se encarga de implementarla correctamente. Todo ello, mediante la instalaci\u00f3n de un sencillo c\u00f3digo de seguimiento en las diferentes p\u00e1ginas de un sitio web.<\/p>\n\n\n\n

C\u00f3mo configurar una cuenta de Google Tag Manager<\/strong><\/p>\n\n\n\n

Al contrario que otros servicios de la compa\u00f1\u00eda, Google Tag Manager no inicia sesi\u00f3n autom\u00e1ticamente con la cuenta de Google del usuario, sino que se debe crear una cuenta. Para ello, basta con acceder a la p\u00e1gina web oficial y pulsar en \u00abCrear Cuenta\u00bb.<\/p>\n\n\n\n

\"Google<\/figure><\/div>\n\n\n\n

A continuaci\u00f3n, debemos introducir la informaci\u00f3n que la herramienta nos solicita como el nombre de la cuenta, el de la empresa, el pa\u00eds, el nombre del \u00abcontenedor\u00bb (que es el c\u00f3digo que debemos a\u00f1adir al sitio web para que Google Tag Funcione) que debe ser el mismo que nuestro sitio web y seleccionar el tipo de plataforma que es. Una vez todo configurado, pulsamos en \u00abCrear\u00bb.<\/p>\n\n\n\n

\"Configurar<\/figure><\/div>\n\n\n\n

Ahora deber\u00e1s aceptar los t\u00e9rminos y condiciones de Google y a continuaci\u00f3n ver\u00e1s otra ventana emergente con el c\u00f3digo que debemos a\u00f1adir a las p\u00e1ginas de nuestro sitio web. En esta ventana hay dos c\u00f3digos; uno es un script de JavaScript que se debe implementar en el, mientras que el otro es un \u00abiframe\u00bb HTML que se debe implementar en elde cada p\u00e1gina.<\/p>\n\n\n\n

\"Google<\/figure><\/div>\n\n\n\n

\u00bfPor qu\u00e9 dos c\u00f3digos? Muy sencillo, el \u00abiframe\u00bb HTML es un c\u00f3digo secundario, ya que solo entrar\u00e1 en funcionamiento cuando el usuario que accede a nuestro sitio web tiene el JavaScript del navegador desactivado. De esta forma, aunque no es necesario contar con ambos c\u00f3digos, s\u00ed que es recomendable disponer del HTML por si acaso.<\/p>\n\n\n\n

\u00bfC\u00f3mo funciona Google Tag Manager?<\/h2>\n\n\n\n

Google Tag Manager funciona con tres tipos de tag: etiquetas, variables y activadores.<\/p>\n\n\n\n

-Etiquetas:<\/strong> Son los fragmentos de c\u00f3digo que utilizan las herramientas y plataformas de an\u00e1lisis y marketing para integrarse con los sitios web. Tag Manager soporta la mayor\u00eda de las etiquetas que existen y, a la vez, permite crear etiquetas personalizadas para aquellos servicios que no tengan su etiqueta en la herramienta.<\/p>\n\n\n\n

-Activadores:<\/strong> Estas etiquetas se activan como respuesta a un evento concreto. Estas etiquetas monitorizan la actividad de un sitio web y esperan a que se produzcan ciertos eventos (visitas a ciertas p\u00e1ginas, rellenar formularios, hacer clic en ciertos productos\u2026).<\/p>\n\n\n\n

-Variables:<\/strong> Son valores que ayudan a definir qu\u00e9 debe hacer una etiqueta o un activador. En el caso de los activadores, las variables especifican cu\u00e1ndo debe indicarle a la etiqueta que se active. En cuanto a las etiquetas, las variables definen el dato exacto que deben recopilar.<\/p>\n\n\n\n

\u00bfC\u00f3mo crear una etiqueta?<\/strong><\/p>\n\n\n\n

El primer paso para crear una etiqueta es seleccionar la opci\u00f3n \u00abA\u00f1adir una nueva etiqueta\u00bb.<\/p>\n\n\n\n

\"Etiquetas<\/figure><\/div>\n\n\n\n

A continuaci\u00f3n, debemos configurar esta etiqueta. En primer lugar, debemos darle un nombre. Aunque podemos poner el nombre que queramos, lo ideal es seguir una nomenclatura que nos permita identificar y organizar correctamente todas las etiquetas que generaremos en el futuro.<\/p>\n\n\n\n

Una vez creado el nombre de la etiqueta, debemos seleccionar qu\u00e9 tipo de etiqueta es. Dispondremos de un listado de posibles etiquetas que son configuraciones nativas que soporta Tag Manager. Simplemente, debemos seleccionar la adecuada entre las opciones, tal y como puedes ver en la siguiente imagen:<\/p>\n\n\n\n

\"Tipos<\/figure><\/div>\n\n\n\n

Tendremos que configurar la ID de las etiquetas con la informaci\u00f3n que nos faciliten las herramientas.<\/p>\n\n\n\n

Finalmente, puedes escoger incluir las variables integradas, que son aquellas que Tag Manager tiene preconfiguradas, o puedes crear tus propias variables. Para terminar el proceso, tendremos que pulsar sobre \u00abGuardar\u00bb para terminar la creaci\u00f3n de la etiqueta. Para que la etiqueta comience a recopilar datos, ser\u00e1 necesario publicarla.<\/p>\n\n\n\n