Notion BlogにGAを適用する

Next.jsでGoogle Analyticsを適用する方法は色々ありますが、日本語情報が少ないので低レベルながら僕の方でも情報を残しておきます。 next/router でのページ遷移も問題なく動作することを確認しています。 Next.jsでGoogle Analyticsを組み込んだ（Qiita備忘録用ビデオ） pic.twitter.com/p1vw9vJSqO - masa5714 (@b95oss) March 22, 2020 ※ビルド前で動作させているのでページ遷移が遅いです。 ※公開済みのトラッキングIDを使用したため、ちょうど他の人がアクセスしてて分かりづらくなってしまいました...すみません。（2アクセス目が僕のアクセスです。） https://github.com/zeit/next.js/tree/canary/examples/with-google-analytics zeitが管理するnext.jsリポジトリの中にexampleがありましたので、こちらを参考に実装していきます。（ほぼ転載ですが...w） をGoogle AnalyticsのトラッキングIDに差し替えます。 import * as gtag from '../lib/gtag' でlib/gtag.jsを呼び出します。 ここは何も変更する必要はありません。 import { GA_TRACKING_ID } from '../lib/gtag' で gtag.js を読み込みを行って、 Head の中にGAのスクリプトを記述します。 ここまで完了すれば導入は終わりです。 実際にサイトにアクセスして動作確認をしてみましょう。 ページ遷移を行うとGoogle Analyticsの「リアルタイム」で閲覧ページを追従できていることがお分かり頂けるはずです。

This article is for anyone who wants to set up Analytics (using a Universal Analytics property) on a new website. Universal Analytics is the earlier version of Analytics and only supports web measurement. If you need a "UA- " Tracking ID, follow the instructions in this article. Follow the instructions below carefully.