{"id":5240,"date":"2019-10-03T10:50:22","date_gmt":"2019-10-03T08:50:22","guid":{"rendered":"https:\/\/www.publisuites.com\/blog\/?p=5240"},"modified":"2019-10-03T09:27:31","modified_gmt":"2019-10-03T07:27:31","slug":"google-tag-manager","status":"publish","type":"post","link":"https:\/\/www.publisuites.com\/blog\/google-tag-manager\/","title":{"rendered":"Qu\u00e9 es Google Tag Manager y c\u00f3mo empezar a usarlo desde cero"},"content":{"rendered":"

En lo referente a las herramientas de anal\u00edtica y tracking<\/strong>, resulta un engorro muchas veces para el desarrollo tener que insertar diferentes c\u00f3digos de seguimiento que proceden de distintas herramientas.<\/p>\n

Esto no solo hace que desde marketing se dependa en gran medida de los desarrolladores<\/strong> para poder completar nuestro trabajo sino que tambi\u00e9n ensucia bastante el c\u00f3digo.<\/p>\n

Ante estos problemas naci\u00f3\u00a0Google Tag Manager<\/strong>, una herramienta con una interfaz gr\u00e1fica que elimina estas barreras. Os voy a contar todo en detalle: c\u00f3mo comenzar a utilizarla y algunos casos pr\u00e1cticos para que puedas a\u00f1adir tus propias etiquetas.<\/p>\n

\u00bfQu\u00e9 es Google Tag Manager?<\/h2>\n

Google Tag Manager<\/strong> es una herramienta que facilita el trabajo para los marketers<\/em>, permitiendo la creaci\u00f3n de etiquetas o c\u00f3digos de seguimiento<\/strong> desde una interfaz gr\u00e1fica, sin necesidad de tocar el c\u00f3digo de la web.<\/p>\n

Desde la interfaz, nosotros decidimos cu\u00e1ndo se ejecutan<\/strong> cada uno de los c\u00f3digos e incluso podemos scrapear datos de la web para enviarlos a nuestras herramientas de marketing. Esto \u00faltimo puede ser muy \u00fatil en algunos casos.<\/p>\n

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

El funcionamiento de Google Tag Manager<\/strong> es sencillo una vez se le pilla el truco, pero resulta algo complejo de entender a la primera.<\/p>\n

Pero tranquilos que para eso est\u00e1 este art\u00edculo. Paso a paso \ud83d\ude09<\/p>\n

Primero veamos c\u00f3mo crear una cuenta y la instalaci\u00f3n de la herramienta y luego profundizaremos en la otra parte.<\/p>\n

\u2795 Creaci\u00f3n de cuenta e instalaci\u00f3n del pixel<\/h3>\n

Para crear una cuenta en Tag Manager, deberemos acceder con nuestra cuenta de Google a https:\/\/www.google.com\/intl\/es\/tagmanager\/<\/a><\/strong><\/p>\n

\u26a0 Es recomendable usar la misma que usas en las otras cuentas de Analytics, Search Console<\/a>, etc.<\/p>\n

\"google<\/p>\n

Tras acceder, veremos nuestra ventana de proyectos vac\u00eda, por lo que deberemos empezar creando una cuenta en el bot\u00f3n de \u00abCrear cuenta\u00bb.<\/strong><\/p>\n

\"crear<\/p>\n

En el siguiente paso, deberemos rellenar el t\u00edpico formulario<\/strong> orientado a indicar el nombre de cuenta, la ubicaci\u00f3n, el nombre del dominio donde vamos a instalar la herramienta y para qu\u00e9 tipo de plataforma: si se trata de una app, web o AMP.<\/p>\n

\"crear<\/p>\n

Despu\u00e9s nos aparecer\u00e1 el cl\u00e1sico mensaje de aceptar las pol\u00edticas de privacidad y dem\u00e1s.<\/strong> Una vez aceptado, accederemos directamente al proyecto nuevo creado y nos facilitar\u00e1 los c\u00f3digos de instalaci\u00f3n.<\/p>\n

\"c\u00f3digo<\/p>\n

\u27a1 Instalaci\u00f3n mediante c\u00f3digo<\/h4>\n

La instalaci\u00f3n del c\u00f3digo es bastante sencilla y<\/strong> Tag manager nos da ya la instrucci\u00f3n para ello.<\/p>\n

La primera parte debemos instalarla entre las etiquetas <head><\/strong> de nuestra web, mientras que el segundo c\u00f3digo, debe instalarse nada m\u00e1s abrir la etiqueta <body>.<\/strong><\/p>\n

El c\u00f3digo\u00a0debe estar instalado en todas las p\u00e1ginas<\/strong>, ya que en caso de no ser as\u00ed, no podremos hacer un correcto seguimiento, es decir, p\u00e1gina que no tenga el c\u00f3digo, p\u00e1gina de la cual no se obtendr\u00e1 informaci\u00f3n.<\/p>\n

\u27a1 Instalaci\u00f3n con WordPress<\/h4>\n

La instalaci\u00f3n en WordPress, suelo hacerla con el plugin de Google Tag manager for WordPress<\/a>,<\/strong> ya que tiene varias opciones de integraci\u00f3n con otros plugins como Woocomerce o Contact form.<\/p>\n

Adem\u00e1s de que por defecto proporciona bastante informaci\u00f3n interesante que podemos decidir si enviarla o no, para luego ser recogida.<\/p>\n

\"instalar<\/p>\n

\ud83d\udcac Existen 4 opciones de instalar el c\u00f3digo, pero seguramente solo us\u00e9is la forma personalizada o la de inyecci\u00f3n de c\u00f3digo.<\/p>\n