{"id":1545,"date":"2010-03-29T23:28:15","date_gmt":"2010-03-29T22:28:15","guid":{"rendered":"http:\/\/www.darkmoonwebdesigns.com\/blog\/?p=1545"},"modified":"2014-05-05T14:43:44","modified_gmt":"2014-05-05T13:43:44","slug":"seguimiento-eventos-url-builder-buildeir-etiquetar-banner-analytics","status":"publish","type":"post","link":"https:\/\/www.darkmoon.es\/blog\/seguimiento-eventos-url-builder-buildeir-etiquetar-banner-analytics","title":{"rendered":"Seguimiento de eventos y URL Builder"},"content":{"rendered":"<p>Lo que no se mide no se tiene bajo control y\u00a0 hoy en d\u00eda hay herramientas para poder tenerlo todo controlado , solo hay que implementarlas correctamente y luego interpretar los datos. En muchas ocasiones necesitamos medir cuantos clics se realizan en banners pero antes de nada hay que diferenciar dos situaciones diferentes que se nos pueden dar y que herramientas debemos de utilizar para cada una.<\/p>\r\n<p><!--more--><\/p>\r\n<p><strong>Caso 1:<\/strong><\/p>\r\n<p>Nos vale de ejemplo este blog , arriba vemos varios botones que corresponden a diferentes redes sociales , en este caso tenemos que medir los clics que salen de nuestro sitio web a otra web desde la que no podemos medir la llegada de esos clics. Para conseguir medir los clics que salen de nuestro sitio utilizaremos el <strong>seguimiento de eventos<\/strong> de google analytics. El seguimiento de eventos se ve desde la seccion de contenido de nuestra cuenta de analytics. Y algunos de los datos que recogen son estos:<\/p>\r\n<p><a href=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\"><span data-picture data-alt=\"\" data-decoding=\"async\" data-loading=\"lazy\" class=\"alignnone size-full wp-image-1547\" title=\"eventos\" data-width=\"527\" data-height=\"317\" data-srcset=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif 527w, https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos-300x180.gif 300w\" data-sizes=\"(max-width: 527px) 100vw, 527px\"><span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w300\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\" data-media=\"all\"><\/span>\n<noscript><img src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w300\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\" data-decoding=\"async\" data-loading=\"lazy\" class=\"alignnone size-full wp-image-1547\" title=\"eventos\" alt=\"\" width=\"527\" height=\"317\" data-srcset=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif 527w, https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos-300x180.gif 300w\" data-sizes=\"(max-width: 527px) 100vw, 527px\"><\/noscript>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w470\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\" data-media=\"(min-width:420px)\"><\/span>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w584\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\" data-media=\"(min-width:600px) and (max-width:800px)\"><\/span>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w584\/blog\/wp-content\/uploads\/2010\/03\/eventos.gif\" data-media=\"(min-width:885px)\"><\/span><\/span><\/a><\/p>\r\n<p>En la imagen de abajo donde dice ninguna nos permite cruzar datos.<\/p>\r\n<p><a href=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\"><span data-picture data-alt=\"\" data-decoding=\"async\" data-loading=\"lazy\" class=\"alignnone size-full wp-image-1549\" title=\"eventos2\" data-width=\"580\" data-height=\"174\" data-srcset=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif 580w, https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos21-300x90.gif 300w\" data-sizes=\"(max-width: 580px) 100vw, 580px\"><span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w300\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\" data-media=\"all\"><\/span>\n<noscript><img src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w300\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\" data-decoding=\"async\" data-loading=\"lazy\" class=\"alignnone size-full wp-image-1549\" title=\"eventos2\" alt=\"\" width=\"580\" height=\"174\" data-srcset=\"https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif 580w, https:\/\/www.darkmoon.es\/blog\/wp-content\/uploads\/2010\/03\/eventos21-300x90.gif 300w\" data-sizes=\"(max-width: 580px) 100vw, 580px\"><\/noscript>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w470\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\" data-media=\"(min-width:420px)\"><\/span>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w584\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\" data-media=\"(min-width:600px) and (max-width:800px)\"><\/span>\n<span data-src=\"https:\/\/www.darkmoon.es\/blog\/slir\/w584\/blog\/wp-content\/uploads\/2010\/03\/eventos21.gif\" data-media=\"(min-width:885px)\"><\/span><\/span><\/a><\/p>\r\n<p><strong>Caso 2:<\/strong><\/p>\r\n<p>En una web externa a la nuestra van a poner un banner que va a apuntar a nuestro sitio web , imaginemos que vamos a pagar x dinero cada mes y queremos saber cuantos clics vienen de este sitio web para poder medir mas tarde la rentabilidad de ese trafico y saber si nos es rentable. En este caso tenemos que crear una url especial que se va a encargar de marcar ese trafico etiquetandolo segun nuestro criterio. En este segundo caso usaremos la herramienta <strong>URL Builder<\/strong> que tambien nos sirve para medir campa\u00f1as de <a href=\"https:\/\/www.darkmoon.es\/blog\/seguimiento-email-marketing-con-analytics\" target=\"_blank\">email marketing<\/a>.<\/p>\r\n<p>Bueno ya sabemos todo lo que se puede hacer , ahora nos toca saber como:<\/p>\r\n<p><strong>Seguimiento de Eventos:<br \/> <\/strong><\/p>\r\n<p>Lo primero comentar que el seguimiento de eventos se puede utilizar para mas cosas aparte de para ver los clics salientes , por ejemplo en una pelicula en flash saber cuando alguien le da a play , stop etc &#8230; Para poder hacer un seguimiento de eventos primero tenemos que saber que codigo de analytics tenemos instalado, si estamos usando el ultimo c\u00f3digo de analytics\u00a0 Asincronomo usaremos un codigo en caso contrario utilizaremos otro.<\/p>\r\n<p>Para poder marcar los clics sobre una imagen tenemos que utilizar los siguientes c\u00f3digos (bueno es un codigo base cada uno lo adaptara segun\u00a0 necesidades):<\/p>\r\n<p>1- Si usamos el codigo asincronomo ( el ultimo disponible que salio a finales del 2009) tendremos que hacerlo asi (nota: copiar y pegar el codigo en bloc de notas para verlo sin los espacios que salen aqui en el blog):<\/p>\r\n<p><span style=\"color: #ff8c00;\">&lt;a href=\u00bbhttps:\/\/twitter.com\/enriquedelvalle\u00bb onclick=\u00bb_gaq.push([&#8216;_trackEvent&#8217;, &#8216;Redes Sociales&#8217;, &#8216;Twitter&#8217;]);\u00bb&gt;&lt;img src=\u00bbhttps:\/\/www.darkmoon.es\/blog\/twitter.png\u00bb \/&gt;<\/span><\/p>\r\n<p>&lt;a href=\u00bbhttp:\/\/www.facebook.com\/profile.php?ref=name&amp;id=100000742330452&#8243;\u00a0 onclick=\u00bb_gaq.push([&#8216;_trackEvent&#8217;, &#8216;Redes Sociales&#8217;, &#8216;FaceBook&#8217;]);\u00bb&gt;&lt;img src=\u00bbhttps:\/\/www.darkmoon.es\/blog\/facebook.jpg\u00bb\/&gt;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>2- Si usaramos el codigo antiguo de analytics seria asi:<\/p>\r\n<p><span style=\"color: #ff8c00;\">&lt;a href=\u00bbhttps:\/\/twitter.com\/enriquedelvalle\u00bb onclick=\u00bbpageTracker._trackEvent(&#8216;Redes Sociales&#8217;, &#8216;FaceBook&#8217;);\u00bb &gt;&lt;img src=\u00bbhttps:\/\/www.darkmoon.es\/blog\/twitter.png\u00bb \/&gt;<\/span><\/p>\r\n<p>&lt;a href=\u00bbhttp:\/\/www.facebook.com\/profile.php?ref=name&amp;id=100000742330452&#8243;\u00a0 onclick=\u00bbpageTracker._trackEvent(&#8216;Redes Sociales&#8217;, &#8216;Twitter&#8217;);\u00bb&gt;&lt;img src=\u00bbhttps:\/\/www.darkmoon.es\/blog\/facebook.jpg\u00bb\/&gt;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>A comentar que en ambos codigos solo he usado los datos obligatorios , pero se pueden a\u00f1adir mas. Y es que son 4 parametros los que se pueden utilizar:<\/p>\r\n<p>&#8211; Categoria: Nombre del conjunto de objetos que vamos a seguir.<\/p>\r\n<p>&#8211; Acci\u00f3n: Es el nombre de la accion que vamos a medir.<\/p>\r\n<p>&#8211; Etiqueta: Texto que podemos poner para identicar mejor el parametro a medir. (Opcional)<\/p>\r\n<p>&#8211; Valor: Un n\u00famero , si es que cada opcion tiene un valor (Opcional)<\/p>\r\n<p>Con el caso 2 usaremos la herramienta <a href=\"http:\/\/www.google.com\/support\/googleanalytics\/bin\/answer.py?hl=en&amp;answer=55578\" target=\"_blank\">URL Buldier<\/a> proporcionada por google , donde simplemente poniendo nuestra url de destino y un par de parametros como minimo nos dara la url que tendremos que usar. Su uso es muy sencillo e intuitivo.<\/p>\r\n<p>Podremos configurar hasta 5 parametros a la hora de etiquetar la url:<\/p>\r\n<p>&#8211; Utm_campaign: Nombre de la campa\u00f1a.<\/p>\r\n<p>&#8211; Utm_medium: M\u00e9todo de entrega.<\/p>\r\n<p>&#8211; Utm_source: Fuente donde se muestra la campa\u00f1a.<\/p>\r\n<p>&#8211; Utm_content: Tipo de anuncio utilizado.<\/p>\r\n<p>&#8211; Utm_term: T\u00e9rmino utilizado en nuestro anuncio.<\/p>\r\n<p>Recomendada lectura este articulo de la <a href=\"http:\/\/central-de-conversiones.blogspot.com\/2010\/04\/mejora-tu-capacidad-de-analisis.html\" target=\"_blank\">Central de Conversiones<\/a> sobre el etiquetadado de urls<br \/> Eso es todo , este articulo va dedicado a Francisco. Estar\u00e9 encantado de escribir sobre temas que me soliciteis por email , de hecho hay veces que no se sobre que escribir y ciertamente hay mucho sobre lo que escribir.<\/p>\r\n<p><a href=\"http:\/\/code.google.com\/intl\/es\/apis\/analytics\/docs\/tracking\/eventTrackerGuide.html\" target=\"_blank\">Ayuda eventos google<br \/> <\/a><\/p>\r\n<p><a href=\"http:\/\/code.google.com\/intl\/es\/apis\/analytics\/docs\/tracking\/asyncMigrationExamples.html#EventTracking\" target=\"_blank\">Ayuda eventos codigo asincronomo<br \/> <\/a><\/p>\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Lo que no se mide no se tiene bajo control y\u00a0 hoy en d\u00eda hay herramientas para poder tenerlo todo controlado , solo hay que implementarlas correctamente y luego interpretar los datos. En muchas ocasiones necesitamos medir cuantos clics se realizan en banners pero antes de nada hay que diferenciar dos situaciones diferentes que se [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[55],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/posts\/1545"}],"collection":[{"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/comments?post=1545"}],"version-history":[{"count":21,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/posts\/1545\/revisions"}],"predecessor-version":[{"id":4697,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/posts\/1545\/revisions\/4697"}],"wp:attachment":[{"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/media?parent=1545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/categories?post=1545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.darkmoon.es\/blog\/wp-json\/wp\/v2\/tags?post=1545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}