{"id":3990,"date":"2018-11-14T11:01:52","date_gmt":"2018-11-14T10:01:52","guid":{"rendered":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/?p=3990"},"modified":"2023-12-26T17:52:09","modified_gmt":"2023-12-26T16:52:09","slug":"como-crear-eventos-en-google-analytics-desde-google-tag-manager","status":"publish","type":"post","link":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/","title":{"rendered":"C\u00f3mo crear eventos en Google Analytics desde Google Tag Manager"},"content":{"rendered":"<p>Hace poco m\u00e1s de un a\u00f1o, os cont\u00e1bamos\u00a0cu\u00e1les era los conceptos b\u00e1sicos y c\u00f3mo configurar <a href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/google-tag-manager-conceptos-y-configuracion-basica\/\">Google Tag Manager<\/a>. En este post os vamos a explicar c\u00f3mo crear <strong>eventos para GA\u00a0<\/strong>y cu\u00e1les son\u00a0los triggers que m\u00e1s usamos en nuestras configuraciones y c\u00f3mo utilizarlos para trackear las acciones de usuario que m\u00e1s nos interesan.<\/p>\n<p>Antes de ver en detalle algunos de los triggers que m\u00e1s usamos,\u00a0es bueno\u00a0conocer la clasificaci\u00f3n que Google Tag Manager hace de los mismos:<\/p>\n<ul>\n<li>P\u00e1gina Vista<\/li>\n<li>Clic<\/li>\n<li>Interacci\u00f3n del usuario<\/li>\n<li>Otros<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3993\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/gtm-triggers-tipos.jpg\" alt=\"tipos triggers en google tag manager\" width=\"757\" height=\"210\" \/><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos <\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #3acdef;color:#3acdef\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #3acdef;color:#3acdef\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/#tipo-pagina-vista\" >Tipo P\u00e1gina Vista<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/#tipo-clic\" >Tipo Clic<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/#tipo-interaccion-del-usuario\" >Tipo Interacci\u00f3n del usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/#tipo-otros\" >Tipo Otros<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-eventos-en-google-analytics-desde-google-tag-manager\/#creacion-de-la-etiqueta\" >Creaci\u00f3n de la etiqueta<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"tipo-pagina-vista\"><\/span>Tipo P\u00e1gina Vista<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dentro de los triggers tipo &#8216;P\u00e1gina vista&#8217; tenemos: <strong>DOM preparado, Ventana cargada y P\u00e1gina vista<\/strong>.<\/p>\n<p>Estos triggers hacen referencia a <strong>diferentes momentos de la carga de la p\u00e1gina<\/strong>, pero pensando en los usuarios y cuando \u00e9stos visitan una p\u00e1gina, el trigger m\u00e1s adecuado ser\u00eda el de &#8216;<strong>P\u00e1gina vista&#8217;<\/strong>.<\/p>\n<p>A modo de ejemplo, el siguiente gif animado muestra c\u00f3mo crear este trigger:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4001\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/video-pagina-vista.gif\" alt=\"trigger tipo p\u00e1gina vista\" width=\"800\" height=\"450\" \/><\/p>\n<ol>\n<li><em>Ir a activadores en el men\u00fa lateral<\/em><\/li>\n<li><em>Clicar en \u201cNuevo\u201d<\/em><\/li>\n<li><em>Darle un nombre al trigger<\/em><\/li>\n<li><em>Escoger el tipo de activador \u201cP\u00e1gina vista\u201d<\/em><\/li>\n<li><em>Clicar en \u201cAlgunas p\u00e1ginas vistas\u201d para especificar en qu\u00e9 p\u00e1ginas se activa<\/em><\/li>\n<\/ol>\n<ul>\n<li><em>Escoger la variable \u201cPage URL\u201d, asignarle la condici\u00f3n \u201ccontains\u201d y en el valor la URI de la p\u00e1gina en cuesti\u00f3n.<\/em><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"tipo-clic\"><\/span>Tipo Clic<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los triggers tipo &#8216;Clic&#8217; \u00fanicamente son dos, uno hace referencia a clics en enlaces y el otro a cualquier tipo de etiqueta html en la que el usuario pueda clicar: <strong>Solo enlaces <\/strong>y<strong> Todos los elementos.<\/strong><\/p>\n<p>Un ejemplo claro de evento interesante a seguir, podr\u00eda ser el de los clics en los enlaces de \u201ccomprar\u201d de los productos de una tienda online. Seg\u00fan si dicho enlace es realmente un enlace html (etiqueta &lt;a&gt;) o es otro tipo de etiqueta (como por ejemplo la etiqueta &lt;button&gt;) usar\u00edamos un trigger u otro, aunque por la experiencia adquirida podr\u00edamos recomendar usar siempre el de &#8216;<strong>Todos los elementos&#8217;<\/strong> ya que un enlace &lt;a&gt; tambi\u00e9n quedar\u00eda incluido dentro de este trigger:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4002\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/video-click.gif\" alt=\"trigger tipo click\" width=\"800\" height=\"450\" \/><\/p>\n<ol>\n<li><em>Ir a activadores en el men\u00fa lateral<\/em><\/li>\n<li><em>Clicar en \u201cNuevo\u201d<\/em><\/li>\n<li><em>Darle un nombre al trigger<\/em><\/li>\n<li><em>Escoger el tipo de activador \u201cTodos los elementos\u201d<\/em><\/li>\n<li><em>Clicar en \u201cAlgunos clics en enlaces\u201d para especificar el enlace en concreto<\/em><\/li>\n<\/ol>\n<ul>\n<li><em>Escoger la variable \u201cClick Classes\u201d o \u201cClick ID\u201d (seg\u00fan convenga), asignarle la condici\u00f3n \u201ccontiene\u201d o \u201ces igual a\u201d y en el valor escribimos la class o id del elemento que queramos hacer seguimiento.<\/em><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"tipo-interaccion-del-usuario\"><\/span>Tipo Interacci\u00f3n del usuario<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Como interacci\u00f3n del usuario tenemos los triggers: <strong>Env\u00edo de formulario, Profundidad de desplazamiento, Visibilidad del elemento<\/strong> y <strong>V\u00eddeo de YouTube<\/strong>, siendo este \u00faltimo y el primero, los que m\u00e1s utilizamos.<\/p>\n<p>El trigger &#8216;<strong>V\u00eddeo de YouTube&#8217;<\/strong> nos permitir\u00e1 poder realizar seguimiento de las reproducciones de los v\u00eddeos y tambi\u00e9n los porcentajes de visionado de \u00e9stos. As\u00ed podremos extraer conclusiones sobre el inter\u00e9s que generan estos v\u00eddeos en nuestros usuarios.<\/p>\n<p>La siguiente captura muestra un ejemplo de configuraci\u00f3n del trigger de &#8216;V\u00eddeo&#8217; en el que hemos capturamos las siguientes acciones para todos los v\u00eddeos de YouTube:<\/p>\n<ul>\n<li>Iniciar: cada vez que se inicia un v\u00eddeo, es decir el play<\/li>\n<li>Finalizado: cada vez que se finaliza el v\u00eddeo, es decir, se visualiza completo<\/li>\n<li>Pausado, almacenado en b\u00fafer o buscado: podr\u00eda entenderse cuando realizamos <em>pause<\/em><\/li>\n<li>Progreso: cada vez que llega al 25%, 50% y 75%<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3994\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/google-tag-manager-trigger-video-youtube.png\" alt=\"trigger video youtube en gtm\" width=\"896\" height=\"700\" \/><\/p>\n<ol>\n<li><em>Ir a activadores en el men\u00fa lateral<\/em><\/li>\n<li><em>Clicar en \u201cNuevo\u201d<\/em><\/li>\n<li><em>Darle un nombre al trigger<\/em><\/li>\n<li><em>Escoger el tipo de activador \u201cV\u00eddeo de YouTube\u201d<\/em><\/li>\n<li><em>Configurar los campos a mostrar seg\u00fan se desee: Iniciar, Finalizado, Pausado y Progreso<\/em><\/li>\n<\/ol>\n<p>En cuanto al segundo de los triggers tipo Interacci\u00f3n del usuario, <strong>Env\u00edo de formulario<\/strong>, podr\u00edamos decir que quiz\u00e1s es uno de los m\u00e1s comunes a implementar. Este disparador nos permitir\u00e1 realizar el seguimiento de cualquier formulario enviado por los usuarios.<\/p>\n<p>Y es interesante que, as\u00ed como hace tiempo para realizar dicho seguimiento desde Google Analytics se necesitaba la configuraci\u00f3n de una p\u00e1gina de \u201cgracias\u201d a la que te redirig\u00eda el formulario una vez lo enviabas, ahora ya no har\u00e1 falta puesto este trigger permite detectar el momento en el que se realiza el envi\u00f3 del formulario.<\/p>\n<p>El siguiente gif animado muestra un ejemplo de c\u00f3mo configurarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3999\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/video-envio-formulario.gif\" alt=\"trigger gtm env\u00edo formulario\" width=\"800\" height=\"450\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"tipo-otros\"><\/span>Tipo Otros<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En cuanto al \u00faltimo de los tipos de trigger existentes, podemos encontrar 4 disparadores distintos: <strong>Cambio en el historial<\/strong>, <strong>Error de JavaScript<\/strong>, <strong>Evento personalizado<\/strong> y <strong>Temporalizador<\/strong>.<\/p>\n<p>De entre los cuatro, vamos a ver un ejemplo para el de &#8216;<strong>Evento personalizado&#8217;<\/strong>, ya que este ser\u00eda el m\u00e1s vers\u00e1til y usado.<\/p>\n<p>Nos permitir\u00e1 detectar cualquier tipo de evento en la capa de datos. Si todav\u00eda no sabes qu\u00e9 es la capa de datos o dataLayer, te recomiendo que leas el siguiente art\u00edculo: <a href=\"https:\/\/developers.google.com\/tag-manager\/devguide\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/developers.google.com\/tag-manager\/devguide<\/a><\/p>\n<p>Por lo tanto, si tenemos bien construido el dataLayer y este se muestra en el momento del suceso del evento, podremos capturar dicho instante.<\/p>\n<p>Podemos ver como configurarlo en el siguiente gif:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4003\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/video-usuario-login.gif\" alt=\"trigger tipo event datalayer\" width=\"800\" height=\"450\" \/><\/p>\n<ol>\n<li><em>Ir a activadores en el men\u00fa lateral<\/em><\/li>\n<li><em>Clicar en \u201cNuevo\u201d<\/em><\/li>\n<li><em>Darle un nombre al trigger<\/em><\/li>\n<li><em>Escoger el tipo de activador \u201cEvento personalizado\u201d<\/em><\/li>\n<li><em>A\u00f1adir el \u201cNombre de evento\u201d. Este debe coincidir con el nombre del evento en el dataLayer<\/em><\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"creacion-de-la-etiqueta\"><\/span>Creaci\u00f3n de la etiqueta<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Y claro est\u00e1, todos estos triggers no nos servir\u00e1n de nada sin su correspondiente etiqueta.<\/p>\n<p>Como recordar\u00e9is, el objetivo era poder almacenar todos estos eventos en Google Analytics, por lo que tendremos que proceder a:<\/p>\n<ol>\n<li>Crear un Tag tipo \u201cGoogle Analitics \u2013 Universal Analytics\u201d y especificar su nombre.<\/li>\n<li>Especificar el tipo de seguimiento a \u201cEvento\u201d.<\/li>\n<li>Darle los valores deseados a: categor\u00eda, acci\u00f3n y etiqueta.<\/li>\n<li>Especificar el ID de seguimiento, que es el UA Code de Google Analytics.<\/li>\n<li>Finalmente guardar y publicar la etiqueta.<\/li>\n<\/ol>\n<p>Ejemplo creaci\u00f3n de etiqueta para un evento tipo \u201cclick\u201d:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3995\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/creacion-etiqueta-gtm-evento-click.png\" alt=\"creaci\u00f3n etiqueta en gtm para evento click\" width=\"772\" height=\"602\" \/><\/p>\n<p>Espero os sirva de utilidad el post y no dud\u00e9is en comentar cualquier duda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hace poco m\u00e1s de un a\u00f1o, os cont\u00e1bamos\u00a0cu\u00e1les era los conceptos b\u00e1sicos y c\u00f3mo configurar Google Tag Manager. En este post os vamos a explicar c\u00f3mo crear eventos para GA\u00a0y cu\u00e1les son\u00a0los triggers que m\u00e1s usamos en nuestras configuraciones y c\u00f3mo utilizarlos para trackear las acciones de usuario que m\u00e1s nos interesan. Antes de ver [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":9661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[7],"tags":[],"class_list":{"0":"post-3990","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-marketing-digital","8":"entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts\/3990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/comments?post=3990"}],"version-history":[{"count":0,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts\/3990\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/media\/9661"}],"wp:attachment":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/media?parent=3990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/categories?post=3990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/tags?post=3990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}