(1) はじめに
本来はプラグインを作って対応するべきなのですが、ずぼらしてテーマ内のテンプレートを直接いじって対応しました。
なので、テーマを更新をしてしまうと追加したコードは消えてしまうと思います。
(2) テーマのテンプレートに gtag コードを追加
私は grav-coder
というテーマを使用しているので、user/themes/grav-coder/templates/partials/base.html.twig
の head
タグ内に以下のコードを追加しました。
html
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxxxx"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-xxxxxxxxxx'); /** GA4 の『測定 ID』を指定する */
</script>
以上で完了。
(3) 公式によるプラグインの作成チュートリアル
参考までにプラグインの作り方をメモ。