参考記事はこちら
Google タグマネージャーとは
Googleタグと同じ機能を待つタグマネジメントシステム
Webサイトやモバイルアプリにタグを設定することができ導入が簡単
タグの整理やバージョン管理、サードパーティやコミュニティが開発したタグテンプレート、コラボレーション、セキュリティ機能もサポートしている
タグの展開を最適化
タグの設定エラーを抑制
サーバーサイドタギングとは
タグコードをWebサイトやアプリからクラウドに移動することが可能
メリットは、
- Webサイトやモバイルアプリのパフォーマンスとセキュリティを向上
- 依存する資産を独自ドメインで提供することが可能
REST APIについて記載があったのでこちらのリンクも記載する
REST APIとは？ざっくりと理解してみる【初心者向け】 - Wiz テックブログ
タグマネージャーのヘルプはこちら
サーバーサイドタギングについての詳細
参考記事
サーバーサイド タグ設定の概要 | Google タグ マネージャー - サーバー側 | Google Developers
クライアンドサイドタグとサーバーサイドタグの違いとは
クライアントサイドタグの場合
ページ内のコンテナを使用する＝ユーザーのブラウザやスマホ上で実行される
そこから様々なコレクションサーバーへ測定データを送信する
Webブラウザ上で実行されているタグマネージャーのWebコンテナが、タグで発火したデータをそれぞれ個別でデータを送信しているというわけ
サーバーサイドタグの場合
クライアントサイドはユーザーのブラウザやスマホ上で実行されていた
しかしサーバーサイドはそうではなく、GTMの利用者の管理するサーバー上で実行される
利用者の管理するサーバーコンテナとWebブラウザ上のタグが交信して、処理をすべてGCPのプロジェクト上で行う
詳細はというと
- サーバーがユーザーのデバイスからウェブリクエストを受信する
- そのリクエストをイベントに変換する
- 各イベントはコンテナのタグやトリガーや変数によって処理される
- サーバーコンテナのタグやトリガーや変数は、クライアントサイドのコンテナと同じように機能する
- 各イベントがトリガー条件に一致するかどうかを確認した上で、一致する場合には処理対象のイベントデータを送信するタグを発行する
イベントとは
イベントは、ユーザーがウェブサイトのコンポーネントを操作したときに発生します。イベントには次のようなものがあります（これらに限定されません）。
- ウェブページの読み込み
- リンクのクリック
- フォームの送信
- 動画再生
- 購入
- 登録
- アプリのインストール
イベント | タグ | Google Developers
すると以下のメリットがある
- データの分析方法やサーバーからの送信先は利用者がすべて管理できる
- アクセス権によりタグでできることが一目でわかる
- ポリシーを使用するとコンテナの境界を設定可能
違いについてのまとめ
- 両者の違いは、処理を実行する場所が異なる：Webブラウザやアプリ上か、GTM管理者のクラウド上か
サーバーサイドコンテナについての課題とは
- ユーザーのデバイスで取得した測定データをどのような方法でサーバーコンテナへ送信するのか
- サーバーコンテナに送信された測定データをどのような方法でイベントに変換するのか
課題の解決法としては、新しいエンティティであるクライアントをサーバーコンテナに実装することで解決可能
クライアントの仕組みとは
クライアントは、ユーザーのデバイス上で実行されるソフトウェアと、クラウド管理者のサーバーコンテナをつなぐアダプターとして機能する
- クライアントはデバイスから測定データを受信する
- データを一つ以上のイベントに変換する
- コンテナで処理するデータをルーティングする
- その結果をパッケージ化してリクエスト元に返送する
詳しい説明はこちら
サーバーサイド タグ設定の概要 | Google タグ マネージャー - サーバー側 | Google Developers
まとめ
- サーバーサイドタギングはクライアントという新たなエンティティによって成立している
- クライアントサイドと比較するとユーザーデバイスの読み込み速度に影響を与えづらくなる
- 理由は、処理をクラウド管理者が所有しているプロジェクト上のサーバーで行うから