Como agregar Google Analytics a un tema de Ghost

Principalmente ahí dos formas de agregar Google Analytics en nuestro blog y la verdad es que ambas son muy sencillas. La primera forma es agregando directamente el script que genera Google en la vista default.hbs y la segunda utilizando la herramienta Code Injection que Ghost trae por defecto. Dicha herramienta, en pocas palabras nos permite insertar scripts en nuestro blog sin la necesidad de ir directamente al código.

Es obvio que para este tutorial necesitaremos de una cuenta en Google Analytics, si no tienes una puedes crearla en su sitio.

1.) Agregando el script directamente.

  1. Copia el Google Analytics tracking code desde analytics.google.com

  2. Navega hasta el path donde tienes el archivo default.hbs, si estas usando la consola puedes simplemente usar

$ cd /path/a/ghost/content/themes/nombre_del_tema/default.hbs
  1. Pega el contenido del tracking code justo debajo del helper {{ghost_head}} ubicado en la etiqueta head. Deberia verse asi:
<head>  
    ...
    {{! Ghost outputs important style and meta data with this tag }}
    {{ghost_head}}

    <script><!-- Comienzo del tracking code -->
      (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','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-830002-8', 'auto');
  ga('send', 'pageview');
    </script><!-- Final del tracking code -->

</head>  
  1. Reinicia el servidor de ghost.

Utilizando la herramienta de Code Injection

  1. En tu navegador dirigete a localhost:2368/ghost/settings/code-injection.

  2. Allí encontrarás un placeholder donde deber pegar el tracking code de Google. Haciendo esto, Ghost automaticamente se encargará de agregar dicho script a nuestro codigo, justo debajo del helper {{ghost_head}}.

  3. Dale click en save ya esta listo.

Por último deberás reiniciar el servidor y todo debería estar en su lugar. Recuerda que si editaste el blog localmente deberás subir el tema a Ghost(Pro) o en cualquier hosting donde temas tu blog.

Autor

Jorge Madrid

Apuesto que no habías escuchado de mí, bueno tampoco llevo mucho tiempo programando, solía trabajar en un cubículo hasta que descubrí que había algo más.