Como adaptar o tema Minima do Jekyll para Google Analytics 4
Se você criou um projeto básico de Jekyll usando o comando jekyll new myblog
,
seu blog terá sido criado usando o template
minima.
Pela documentação do minima
, é possível definir um identificador de Google
Analytics no arquivo _config.yml
com a chave google_analytics
. O
problema é que, em sua implementação padrão, esta chave precisa ser do padrão
antigo do Google Analytics, no formato UA-NNNNNNNN-N
.
Mas é muito fácil adaptar o tema para permitir usar o padrão novo, do Google
Analytics 4. Para isto precisamos sobreescrever o arquivo
google-analytics.html
do tema padrão.
Para isto, crie um arquivo chamado google-analytics.html
dentro da pasta
_includes
na raiz de seu projeto e coloque o seguinte conteúdo:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
<script>
window.dataLayer = window.dataLayer \|| \[];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ site.google_analytics }}');
</script>
Note a existência das chaves {{ site.google_analytics }}
nesse código. Isto
permite que você utilize o valor definido no arquivo _config.yml
na chave
google_analytics
.
Agora, você pode usar o seu identificador de Google Analytics no formato
G-NNNNNNNNNN
.
# _config.yml
title: my blog
email: my@email.com
description: my blog's description
...
google_analytics: G-NNNNNNNNNN