<-- home

Como adicionar o Google Analytics num site estático Jekyll

  • Criar um arquivo analytics.html na pasta _includes;
  • Nesse arquivo, adicionar o seguinte código:
<script>
 (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', '{{ site.google_analytics }}', 'auto');
 ga('send', 'pageview');
</script>
  • Adicionar uma variável no _config.yml com o seu Tracking ID:
google_analytics: UA—12341234-1
  • Abrir o _layouts/head.html, ou (se estiver usando algum outro tema) o arquivo no qual está o head do html, e adicionar o código abaixo logo antes de fechar o tag:
{% if jekyll.environment == 'production' %}
{% include analytics.html %}
{% endif %}
  • O if acima impede que o Analytics funcione no seu ambiente de teste (jekyll serve). Se você estiver usando o GitHub Pages, fechou. Se estiver em um ambiente próprio, adicionar a seguinte variável antes do seu jekyll build:
JEKYLL_ENV=production jekyll build