astro-notion-blogでGoogle Analyticsを設定する方法

astro-notion-blogでGoogle Analyticsを設定する方法

 

最近notionでブログをはじめてみました。

どうも。須那です。
最近notionでブログをはじめてみました。
 
始め方はこちらのREADMEがとても親切に解説してありますので是非参考にしてください!
 
この記事ではastro-notion-blogにGoogle Analytics(GA4)を導入するやり方を書いていきます。
(終わってみればかなりシンプルで簡単だったんですけど、自分はどこに何を設定すればわからないくて苦戦したので、備忘録的に残します)
 
 

GAについて

まずは、GAについての説明・アカウントの作成の仕方は下の記事を見てみてください。
 
 
GAでの設定が終わると、測定ID、トラッキングコードなるものが発行され、ページ内に設置してくださいと書かれていると思います。
 
非エンジニアの自分としては、「astro-notion-blog作るのにあたって、特にコード書いたりしてないのにどこにコードを差し込めば良いのだ?」となり、まったくわかりませんでした。
 
結論から言うと、特に差し込む必要なく、astoro-notion-blogを始めるのにあたって使用しているCloudflare内での設定で導入することができます。
 
すでにgithubのでGoogle AnalyticsのトラッキングID設定も定義されているようです。
ちなみに、同じファイル内で、1ページに表示する記事の数や、タイトルなども内で設定できるようになっているんですね。至れりつくせりです。
 

Google AnalyticsのトラッキングIDを設定する

なので、Cloudflareの環境設定でGoogle AnalyticsのトラッキングIDを設定してあげましょう。
 
ページの「設定」画面から「環境変数」を選択
 
 
「環境設定」で変数を追加します。
すでにDATEBASE_ID,NODE_VERSION,NOTION_API_SECRETはブログ開設時に設定していると思いますが、ここにPBLIC_GA_TRACKING_IDを追加してください。
そしてトラッキングIDを追加するだけで、設定完了です。簡単ですね…。
 
 

Google Analyticsで確認する

実際に計測されているかをGoogle Analyticsで確認してみましょう!
リアルタイム計測でカウントされているはずです。
 
こんな感じで簡単に設定することができました。
今後もastro-notion-blogを色々いじってみて、このブログで発信していこうと思います!
 
次はGoogle Search Consoleを導入してい見たいと思います。
では!