Google Analytics 対応
サイト自体を Google Analytics に対応させた。Next.js は、いろいろなサンプルが ここ で見れるっぽいんだけど、Google Analytics の対応サンプルもあったので これ を参考に設定した。
TypeScript 対応
ほぼほぼ、サンプルを真似てやれば問題なさそうだけど、gtag メソッドの型定義のところでエラーがでているので、next-env.d.ts に追加して回避した。
// next-env.d.ts
interface Window {
// pageview
gtag(
string,
string,
{ page_path: string }
)
// event
gtag(
type: 'event',
eventAction: string,
fieldObject: {
event_label: string
event_category: string
value?: string
}
)
}
全体の変更点は ここ