Open2024/05/13にコメント追加10

SPA(SSR)とGTM等ページ遷移イベントを必要とするサービス

SPAだとGTMとかのページ遷移イベント系がうまく発火しない問題を調査

そもそもSPAについて復習

SSRって直遷移時はサーバでレンダリングするが、それ以降はSPA的に動くっていう理解だったのだがあってるのか…ボットは基本直遷移でインデックスしてるみたいな理解だった…

ぽい？getServerSidePropsのみサーバで実行してデータをjsonで返し、レンダリングはSPA的にクライアントで行われる？LinkコンポとAタグで違うっていう話？

SPA的に動く＝HistoryAPIでの遷移という理解

いい記事

Next.jsでSSGしたときに、ページ遷移時はHistoryAPIなのかどうか

差が出るかもな観点

ブラウザバック、進む時の挙動
build時、dev build時
初期ロード時、遷移時
SSR→SSR、SSR→SSG、SSG→SSR、SSG→SSG

GTMとは

まずGoogleフォントの設定みたいなやつをサイトにいれる
タグをGTMのSaaS上で設定する
- タグ名
- イベント
イベントは２種類
- サイト上でdataLayerPushでイベントを発行する
- もともとあるイベント

トリガー

SPAだと遷移した判定にならない？

STGとかでチェックはできる？

基本的な理解

トリガ
- GTMのScriptで発火するトリガがある→これについては履歴の変更でいけそう？
- フロント実装が必要なトリガがあるかも→これはチェック？
タグ
- タグの中にSPAと相性が悪いものがあるのかも
  - 複数個Scriptが仕込まれても大丈夫そうか
  - eventListener系がkillできない
  - レンダリング前にScriptが走ってしまったりしないか

Aタグでの遷移とnext/linkでの遷移の違い

Aタグ
- ページビュー
next/link
- history APIのpushState?
- 履歴の変更