はてなブログに GoogleAnarytics GA4 を設定する

はてなブログ に Google Analytics（GA4）を設定する方法

はてなブログでは、Google Analytics の GA4 版を分析対象とするには、これまでの UA-XXXXX では設定できません。

GA4 にあわせたはてなブログの設定方法をメモしておきます。

はてなブログで GA4 Google Analytics を設定する方法

• [ データストリーム ] → [ 該当ストリームを選択] → [タグ設定手順]
  • 「グローバル サイトタグ（gtag.js） ウェブサイト作成ツールや、CMS でホストされるサイトをご使用の場合、このタグを設定」から以下のタグをコピーします。

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

  gtag('config', 'G-XXXXXXXXXXXX');
</script>

• はてなブログの詳細設定より、「要素にメタデータを追加」に上記をコピペします。

これで、Google Analytics GA4 でもはてなブログを分析対象とすることができるようになります。