Como insertar el código de analytics en tu app Ruby on Rails

Insertar el código de analytics en nuestra app Ruby on Rails es un proceso bastante sencillo pero que puede complicarse mucho si no tenemos en cuenta un par de cosas. Yo os voy a contar el proceso que yo suelo seguir y que tengo comprobado que me funciona bien, así que voy a intentar no liarme demasiado y voy a poner directamente el código que uso con unas breves explicaciones de un par de detalles a tener en cuenta.

En primar lugar lo que necesitas, por supuesto, es tu código de analytics, yo aquí voy a poner un código estándar sin el número único de identificación, recordad usar vuestro propio código, este no va a funcionar, es un ejemplo.

Vamos allá, en primer lugar, dentro de la carpeta layouts en las vistas yo suelo crear un partial que se llama google_analytics. Este es el código que pongo dentro del archivo.

# /app/views/layouts/_google_analytics.html.erb

<% if Rails.env == "production" %>
    <script type="text/javascript">
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        
        ga('create', 'UA-XXXXXXXX-X', 'auto');
        ga('send', 'pageview');
    </script>
<% end %>

Un detalles bastante importante en el código, en primer lugar mirad que todo el script está dentro de un bloque condicional que comprueba en primer lugar si nos encontramos en el entorno de producción, no tiene mucho sentido instalar el código de analytics en el entorno de desarrollo.

Ya solo nos queda un pequeño detalle para tener nuestro código de analytics operativo, y es colocarlo en la parte de la web donde queremos que aparezca, porque recordad que ahora mismo solo está en un partial

En mi caso, lo suelo colocar dentro de las etiquetas head de la página, me suele funcionar muy bien.

# app/views/layouts/application.html.erb

<head>
   ...

   <%= render 'layouts/google_analytics' %>

   ...
</head>

Y esto es todo chicos, solo un pequeño detalle más, es recomendable para que el código de analytics funcione bien eliminar los turbolinks del archivo app/assets/javascripts/application.js en ocasiones da problemas con las renovaciones de las páginas y no se registran bien los movimientos de los usuarios dentro de tu web.

About apcano1978

Reader Interactions

Deja una respuesta Cancelar la respuesta