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

2023/4/15 6:582023/8/7 6:36

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

どうも。須那です。

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

始め方はこちらのREADMEがとても親切に解説してありますので是非参考にしてください！

この記事ではastro-notion-blogにGoogle Analytics(GA4)を導入するやり方を書いていきます。

（終わってみればかなりシンプルで簡単だったんですけど、自分はどこに何を設定すればわからないくて苦戦したので、備忘録的に残します）

まずは、GAについての説明・アカウントの作成の仕方は下の記事を見てみてください。

GAでの設定が終わると、測定ID、トラッキングコードなるものが発行され、ページ内に設置してくださいと書かれていると思います。

非エンジニアの自分としては、「astro-notion-blog作るのにあたって、特にコード書いたりしてないのにどこにコードを差し込めば良いのだ？」となり、まったくわかりませんでした。

結論から言うと、特に差し込む必要なく、astoro-notion-blogを始めるのにあたって使用しているCloudflare内での設定で導入することができます。

すでにgithubのでGoogle AnalyticsのトラッキングID設定も定義されているようです。

ちなみに、同じファイル内で、1ページに表示する記事の数や、タイトルなども内で設定できるようになっているんですね。至れりつくせりです。

なので、Cloudflareの環境設定でGoogle AnalyticsのトラッキングIDを設定してあげましょう。

ページの「設定」画面から「環境変数」を選択

「環境設定」で変数を追加します。

すでにDATEBASE_ID,NODE_VERSION,NOTION_API_SECRETはブログ開設時に設定していると思いますが、ここにPBLIC_GA_TRACKING_IDを追加してください。

そしてトラッキングIDを追加するだけで、設定完了です。簡単ですね…。

実際に計測されているかをGoogle Analyticsで確認してみましょう！

リアルタイム計測でカウントされているはずです。

こんな感じで簡単に設定することができました。

今後もastro-notion-blogを色々いじってみて、このブログで発信していこうと思います！

次はGoogle Search Consoleを導入してい見たいと思います。

では！