t-log

GoogleAnalyticsを導入

Astro 開発

アクセスを分析するためにGoogleAnalyticsを導入した。利用登録とWebサイトの設定をしたあと、表示されるスクリプトをBaseHead.astroに追加した。

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XXX"
></script>
<script is:inline>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());


  gtag("config", "G-CJ2FHPGXF4");
</script>

AstroではscriptブロックはTypeScriptと解釈されるため、scriptタグに<is:inline>を追加してHTMLにそのまま出力されるようにした。

アナリティクスが有効化したらアクセスカウンターなども作成したい。