{"id":1669,"date":"2019-06-17T16:19:54","date_gmt":"2019-06-17T21:19:54","guid":{"rendered":"https:\/\/e-lexia.com\/blog\/?p=1669"},"modified":"2024-11-01T11:34:02","modified_gmt":"2024-11-01T16:34:02","slug":"insertar-etiqueta-eventos-google-analytics","status":"publish","type":"post","link":"https:\/\/e-lexia.com\/blog\/insertar-etiqueta-eventos-google-analytics\/","title":{"rendered":"Insertar etiqueta de eventos de Google Analytics"},"content":{"rendered":"<p>Google Analytics permite medir acciones espec\u00edficas dentro de un sitio web, logrando una personalizaci\u00f3n en los informes. Estas acciones se conocen como \u00abeventos\u00bb y requieren un marcado extra.<\/p>\n<p>En este art\u00edculo revisaremos c\u00f3mo incluir esta funci\u00f3n en formularios y enlaces, independiente del c\u00f3digo de Google Analytics que se est\u00e9 usando para la medici\u00f3n de impacto.<\/p>\n<p><!-- Google Adsense --><\/p>\n<div class=\"adsense\">\n  <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7923590131153633\" crossorigin=\"anonymous\"><\/script><br \/>\n  <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-7923590131153633\" data-ad-slot=\"5345374831\"><\/ins><br \/>\n  <script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>\n<\/div>\n<h2>Entiendo el c\u00f3digo<\/h2>\n<p>Para integrar los eventos es necesario agregar una instrucci\u00f3n JavaScript sobre el elemento HTML que desea medirse. Esta instrucci\u00f3n est\u00e1 conformada por cuatro variables. Ellas son:<\/p>\n<ul>\n<li><code>CATEGORY<\/code>: Es el nombre que se asigna al conjunto de elementos comunes a los que se realiza seguimiento.<\/li>\n<li><code>ACTION<\/code>: Es como se denomina la interacci\u00f3n a la que se realiza seguimiento.<\/li>\n<li><code>LABEL<\/code>: Informaci\u00f3n espec\u00edfica del elemento al que se realiza seguimiento.<\/li>\n<li><code>VALUE<\/code>: Es el valor de medici\u00f3n. Puede ser num\u00e9rico, monetario, temporal.<\/li>\n<\/ul>\n<p>En la explicaci\u00f3n de este art\u00edculo se utilizar\u00e1n los siguientes datos:<\/p>\n<ul>\n<li><code>CATEGORY<\/code>: publicidad<\/li>\n<li><code>ACTION<\/code>: clic<\/li>\n<li><code>LABEL<\/code>: epm<\/li>\n<li><code>VALUE<\/code>: 1<\/li>\n<\/ul>\n<h2>El c\u00f3digo base de seguimiento<\/h2>\n<p>Como se mencion\u00f3 anteriormente, existen dos maneras de integrar Google Analytics a un sitio o p\u00e1gina web: <code>analytics.js<\/code> y <code>gtag.js<\/code>. Es importante que conozca cu\u00e1l m\u00e9todo est\u00e1 implementado en su sitio web. <br \/>\n  Para <code>analytic.js<\/code> se utiliza este c\u00f3digo:<\/p>\n<p><pre>ga('send', 'event', 'category', 'action', 'label', value);<\/pre>\n<\/p>\n<p>As\u00ed, teniendo presente los valores expresados, el c\u00f3digo ya personalizado ser\u00eda: <\/p>\n<p><pre>ga('send', 'event', 'publicidad', 'clic', 'epm', 1);<\/pre>\n<\/p>\n<p>Por su parte, el c\u00f3digo de <code>gtag.js<\/code> es:<\/p>\n<p><pre>gtag('event', 'action', { 'event_category': 'category', 'event_label': 'label', 'value': 'value'});<\/pre>\n<\/p>\n<p>Su personalizaci\u00f3n ser\u00eda:<\/p>\n<p><pre>gtag('event', 'clic', { 'event_category': 'publicidad', 'event_label': 'epm', 'value': '1'});<\/pre>\n<\/p>\n<h2>Insertar c\u00f3digo JS a un formulario<\/h2>\n<p>Para este ejemplo, el evento tendr\u00e1 lugar una vez el usuario env\u00ede los datos ingresados en el formulario.<\/p>\n<p>Para la versi\u00f3n <code>analytic.js<\/code> se define un formulario con el siguiente par\u00e1metro:<\/p>\n<p><pre>&lt;form action=&quot;#&quot; method=&quot;post&quot; onsubmit=&quot;ga('send', 'event', 'publicidad', 'clic', 'epm', 1);&quot;&gt;<\/pre>\n<\/p>\n<p>La version <code>gtag.js<\/code>:<\/p>\n<p><pre>&lt;form action=&quot;#&quot; method=&quot;post&quot; onsubmit=&quot;gtag('event', 'clic', { 'event_category': 'publicidad', 'event_label': 'epm', value': '1'});&quot;&gt;<\/pre>\n<\/p>\n<p><!-- ASESOR COMUNICATIVO --><\/p>\n<div class=\"destacado-asesor\">\n<div class=\"destacado-asesor__imagen\">\n    <a href=\"https:\/\/e-lexia.com\/contacto.html\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2023\/01\/asesor-comunicativo-juancadotcom.png\" alt=\"Juan Carlos Morales S., asesor en comunicaci\u00f3n digital\"><br \/>\n    <\/a>\n   <\/div>\n<div class=\"destacado-asesor__desc\">\n<h2><a href=\"https:\/\/e-lexia.com\/contacto.html\">\u00bfNecesitas asesor\u00eda en comunicaci\u00f3n digital?<\/a><\/h2>\n<p>Dise\u00f1a y optimiza tus proyectos en comunicaci\u00f3n digital, entregando una mejor experiencia a tus usuarios y potenciando el valor de tu marca.<br \/>\n      <a class=\"cta-asesor\" href=\"https:\/\/e-lexia.com\/contacto.html\">Conversemos<\/a>\n     <\/p>\n<\/p><\/div>\n<\/div>\n<h2>Insertar evento en un enlace <\/h2>\n<p>El proceso es muy similar al formulario. La diferencia est\u00e1 en el par\u00e1metro de etiqueta. Para los enlaces se utiliza el comportamiento <code>onclick<\/code> si se quiere que el evento tenga lugar una vez el usuario presione el enlace.<\/p>\n<p>La versi\u00f3n <code>analytics.js<\/code>:<\/p>\n<p><pre>&lt;a href=&quot;#&quot; onclick=&quot;ga('send', 'event', 'publicidad', 'clic', 'epm', 1);&quot;&gt;R\u00f3tulo de navegaci\u00f3n&lt;\/a&gt;<\/pre>\n<\/p>\n<p>Para <code>gtag.js<\/code><\/p>\n<p><pre>&lt;a href=&quot;#&quot; onclick=&quot;gtag('event', 'clic', { 'event_category': 'publicidad', 'event_label': 'alcaldia', 'value': '1'});&quot;&gt;R\u00f3tulo de navegaci\u00f3n&lt;\/a&gt;<\/pre>\n<\/p>\n<h2>Proceso en video<\/h2>\n<p>En este video de <a href=\"https:\/\/www.youtube.com\/user\/juanca826?sub_confirmation=1\">mi canal YouTube<\/a> explico el procedimiento, utilizando un sitio web real soporta en WordPress.<\/p>\n<div class=\"marco-yt\">\n<div class=\"video-yt\">\n<iframe loading=\"lazy\" title=\"Insertar C\u00d3DIGO de SEGUIMIENTO de Google Analytics | [EMK]\" width=\"774\" height=\"435\" src=\"https:\/\/www.youtube.com\/embed\/U_5WE56pI2I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<p class=\"youtube-video\"><img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/logo-youtube.png\">En el <a href=\"https:\/\/www.youtube.com\/@escuela-digital?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\">canal YouTube \u00abEscuela Digital\u00bb<\/a> puedes encontrar m\u00e1s videos sobre el tema.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Analytics permite medir acciones espec\u00edficas dentro de un sitio web, logrando una personalizaci\u00f3n en los informes. Estas acciones se conocen como \u00abeventos\u00bb y requieren un marcado extra. En este art\u00edculo revisaremos c\u00f3mo incluir esta funci\u00f3n en formularios y enlaces, independiente del c\u00f3digo de Google Analytics que se est\u00e9 usando&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1670,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[57,20],"class_list":["post-1669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-analitica","tag-monetizacion","has-post-thumbnail-archive"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":0,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1669\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media\/1670"}],"wp:attachment":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media?parent=1669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/categories?post=1669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/tags?post=1669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}