<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Juan Pestana</title>
    <description>The latest articles on DEV Community by Juan Pestana (@juanpestana).</description>
    <link>https://dev.to/juanpestana</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1209062%2Ff21b5385-c828-4383-ad9c-bf8858ccdc4b.jpeg</url>
      <title>DEV Community: Juan Pestana</title>
      <link>https://dev.to/juanpestana</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/juanpestana"/>
    <language>en</language>
    <item>
      <title>Te la estás jugando con Google Analytics??</title>
      <dc:creator>Juan Pestana</dc:creator>
      <pubDate>Mon, 13 Nov 2023 23:30:46 +0000</pubDate>
      <link>https://dev.to/juanpestana/te-la-estas-jugando-con-google-analytics-1100</link>
      <guid>https://dev.to/juanpestana/te-la-estas-jugando-con-google-analytics-1100</guid>
      <description>&lt;p&gt;Muy bien, ya has terminado tu último proyecto web, o blog, o similar y ahora es el momento de darle un poco de bombo en Redes Sociales, hablarle de él a tus amigos y conocidos, y ver en definitiva si alguien te hace caso. 🤓&lt;/p&gt;

&lt;p&gt;Pero espera un momento… ¿Como te vas a enterar de si toda esta gente que te felicita y te pregunta por tu nuevo proyecto, realmente está entrando a verlo, o probarlo?&lt;/p&gt;

&lt;p&gt;Necesitas una herramienta de &lt;em&gt;Analytics&lt;/em&gt;…&lt;/p&gt;

&lt;p&gt;Ya sabes que Google Analytics es lo que utiliza todo el mundo, así que te metes en Google para crearte una cuenta y ver como implementarlo, pero de repente ves que OJO… Ahí, entre los resultados de tu búsqueda aparece alguna noticia en la que se deja entrever que &lt;a href="https://globalpoliticsandlaw.com/blog/2022/02/15/google-analytics-rgpd/"&gt;Europa con su RGPD y Google están peleados&lt;/a&gt; .&lt;/p&gt;

&lt;p&gt;Google Analytics no es malo de por sí, con la configuración adecuada se puede llegar a anonimizar todo de manera suficiente como para que cumpla con los criterios de privacidad de la RGPD.&lt;/p&gt;

&lt;p&gt;La cuestión o el problema es que, aún con esta configuración, vas a seguir mandando pequeños fragmentos de información del usuario a los servidores de Google en EEUU, donde son procesadas lejos del control que podría hacer Europa sobre esta información. Y esto es lo que a Europa no le gusta.&lt;/p&gt;

&lt;p&gt;¿Sabías que muchas veces el único motivo por el que se hace necesario incorporar un &lt;em&gt;Cookie&lt;/em&gt; &lt;em&gt;Banner&lt;/em&gt; de esos, es porque esa web está enviando tu información fuera de Europa?&lt;/p&gt;

&lt;p&gt;Pues sí, así es. Aunque no utilices ninguna otra &lt;em&gt;cookie&lt;/em&gt; en tu proyecto, y tengas toda la infraestructura alojada en Europa, si utilizas Google Analytics ya tienes que poner el dichoso &lt;em&gt;banner&lt;/em&gt; e informar al usuario de que sus datos saldrán de la Unión Europea.&lt;/p&gt;

&lt;p&gt;Por esto, no es ninguna tontería hoy en día valorar alternativas.&lt;/p&gt;

&lt;p&gt;Hoy os vengo a presentar &lt;a href="https://plausible.io/"&gt;Plausible&lt;/a&gt;, que es la herramienta de &lt;em&gt;analytics&lt;/em&gt; que yo utilizo en mis proyectos. Rascando un poco te das cuenta de que hay muchas más, pero a mi, Plausible, me encantó por lo sencillo, ligero, y fácil de implementar que es.&lt;/p&gt;

&lt;p&gt;¿Que tiene Plausible de particular?&lt;/p&gt;

&lt;p&gt;Bueno, pues en realidad tres cosas:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;En primer lugar, que es de código abierto, por lo que podrías llegar a alojarlo en tu propio servidor&lt;/li&gt;
&lt;li&gt;Que está desarrollado con la privacidad como principal prioridad y con sus servidores en la Unión Europea,&lt;/li&gt;
&lt;li&gt;Por último, que la funcionalidad y los datos que aporta son, menos que GA sí, pero suficientes para la mayoría de los casos.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Lo único que necesitas para empezar a recibir analíticas en tu panel de Plausible es: crearte una cuenta, indicar el nombre del proyecto, indicar el dominio en el que está alojado, copiar el &lt;em&gt;Script&lt;/em&gt; que te da, y pegarlo en el &lt;em&gt;Head&lt;/em&gt; de tu proyecto.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;script&lt;/span&gt;
  &lt;span class="nx"&gt;defer&lt;/span&gt;
  &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;domain&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;yourdomain.com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="nx"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://plausible.io/js/script.js&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/script&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Solo con esto podrás conocer información sobre cuantas personas visitan tu proyecto, el país de origen, cuáles son las páginas más visitadas, y la web desde la que llegan los visitantes a tu proyecto.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CdhXtscR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zrv8ojt74zqj2stfqye.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CdhXtscR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zrv8ojt74zqj2stfqye.jpg" alt="Image description" width="800" height="1074"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Por supuesto, tiene un montón de opciones más de configuración para que puedas sacarle el máximo partido a tus datos.&lt;/p&gt;

&lt;p&gt;Es súper sencillo traquear determinados eventos, como &lt;em&gt;clicks&lt;/em&gt; en un determinado botón o enlace por ejemplo, o el envío de un formulario. Para esto tan solo tienes que generar el nombre del evento que quieres crear, y añadir una clase CSS en el elemento para el que quieras “escuchar” los &lt;em&gt;clicks&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Esta herramienta, así configurada, tiene la pequeña pega de que algunos &lt;em&gt;adBloquers&lt;/em&gt; como Ublock pueden hacer que no se envíe la información. Sin embargo, esto se puede prevenir &lt;a href="https://plausible.io/docs/proxy/introduction"&gt;generando un Proxy a tu propio servicio&lt;/a&gt; con el que saltarte esta limitación y obtener mediciones más precisas.&lt;/p&gt;

&lt;p&gt;Yo, como últimamente despliego mis proyectos en Vercel, tan solo tengo que crear un archivo vercel.json en mi proyecto, e indicar lo siguiente.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"rewrites"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"source"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"/stats/js/script.js"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"destination"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://plausible.io/js/script.js"&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"source"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"/stats/api/event"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"destination"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://plausible.io/api/event"&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Con esto y un ajuste mínimo en el Script, lo tengo listo.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;script&lt;/span&gt;
  &lt;span class="nx"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;/stats/js/script.js&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;api&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;/stats/api/event&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;domain&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;yourdomain.com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/script&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Precio
&lt;/h3&gt;

&lt;p&gt;Plausible no es un servicio gratuito, ya que declaran que se financian únicamente por sus subscritores lo que le dá un punto más de independencia y seguridad. Sin embargo lo bueno es que por tan solo &lt;a href="https://plausible.io/#pricing"&gt;&lt;strong&gt;9 euros/mes&lt;/strong&gt;&lt;/a&gt; podrás recibir analíticas de hasta &lt;strong&gt;50 proyectos diferentes, y 10K visitas al mes&lt;/strong&gt;. Esto lo hace muy interesante para los que como yo, tenemos muchos proyectos aunque pocos visitantes. 😄&lt;/p&gt;

&lt;p&gt;Tienen 40 días de prueba gratuita y con lo sencillo que resulta implementarlo, creo que vale la pena probarlo.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>analytics</category>
      <category>programming</category>
      <category>spanish</category>
    </item>
  </channel>
</rss>
