先に結論

GA4 (google analytics) と GTM (google tag manager) を使用して、notion blog の pv数 を表示できました。

前提

• GAのGA4とUAの違い 。GA4が新しいのでGA4にする。

  ユニバーサルアナリティクス（UA）とは？　GA4への移行の必要性や違いについて解説！ | 株式会社PLAN-B

• GA4+GTM を使う方法 管理がし易いので、GTMを使う。netlifyのenvにはGTMだけ設定すれば良いということになる。 GTMの設定でGA4に飛ばすので、GTM→GA4 とGTMを経由することになる。

  • メリット

    • 一度GTMタグを設置すれば、タグの設定はGTM内で完結（ソースの書き換え不要）
    • 広告タグなど他のタグも一元管理できる
    • タグを公開する前にテストが可能

    GTMを使ったGA4の設定・移行方法を【はじめから丁寧に】解説！イベント設定の事例あり ｜ユニークワン／インターネット広告会社

GA4+GTM を使う方法

以下3つのサイトを見比べながら丁寧に読むと解決しました。

• GTMを使ったGA4の設定・移行方法を【はじめから丁寧に】解説！イベント設定の事例あり

  GTMを使ったGA4の設定・移行方法を【はじめから丁寧に】解説！イベント設定の事例あり ｜ユニークワン／インターネット広告会社

• Next.js のサイトに Google Tag Manager 経由でGoogle Analytics(GA4)を導入する

  Next.js のサイトに Google Tag Manager 経由でGoogle Analytics(GA4)を導入する

• Next.js で GTM + GA4を利用する

  Next.js で GTM + GA4を利用する

非採用: UAの記事(古い)

• notion-blogに入れるという記事。UAの方法。 Notion Blog に Google Analytics を追加する (oikawa.dev)

• next.jsにGA4を入れる詳しい解説 https://fwywd.com/tech/next-ga-pv UAの方法 【Next.js】Next.jsにGoogle Analyticsを導入する方法、(クリックイベントの方法など)

• GAの発行手順 https://blog.hubspot.jp/marketing/how-to-install-ga4 まずはプレビューサイトに設定してみた。