どうも。sunakoです。
最近notionでブログをはじめてみました。
始め方はこちらのREADMEがとても親切に解説してありますので是非参考にしてください！
この記事ではastro-notion-blogにGoogle Analytics(GA4)を導入するやり方を書いていきます。
（終わってみればかなりシンプルで簡単だったんですけど、自分はどこに何を設定すればわからないくて苦戦したので、備忘録的に残します）
まずは、GAについての説明・アカウントの作成の仕方は下の記事を見てみてください。
GAでの設定が終わると、測定ID、トラッキングコードなるものが発行され、ページ内に設置してくださいと書かれていると思います。
非エンジニアの自分としては、「astro-notion-blog作るのにあたって、特にコード書いたりしてないのにどこにコードを差し込めば良いのだ？」となり、まったくわかりませんでした。
結論から言うと、特に差し込む必要なく、astoro-notion-blogを始めるのにあたって使用しているCloudflare内での設定で導入することができます。
すでにgithubのsrc/server-constants.tsでGoogle AnalyticsのトラッキングID設定も定義されているようです。
ちなみに、同じファイル内で、1ページに表示する記事の数や、タイトルなどもsrc/server-constants.ts内で設定できるようになっているんですね。至れりつくせりです。
なので、Cloudflareの環境設定でGoogle AnalyticsのトラッキングIDを設定してあげましょう。
ページの「設定」画面から「環境変数」を選択
「環境設定」で変数を追加します。
すでにDATEBASE_ID,NODE_VERSION,NOTION_API_SECRETはブログ開設時に設定していると思いますが、ここにPBLIC_GA_TRACKING_IDを追加してください。
そしてトラッキングIDを追加するだけで、設定完了です。簡単ですね…。
実際に計測されているかをGoogle Analyticsで確認してみましょう！
リアルタイム計測でカウントされているはずです。
こんな感じで簡単に設定することができました。
今後もastro-notion-blogを色々いじってみて、このブログで発信していこうと思います！
次はGoogle Search Consoleを導入してい見たいと思います。
では！