ウェブ用とサーバー用のタグ マネージャーの違い

サーバーサイド タグ設定の登場以前は、タグを設置・実行する方法はクライアントサイド タグ設定しかありませんでした。「サーバーサイド タグ設定はクライアントサイド タグ設定に取って代わる技術なのか？」と思われる方もいらっしゃるでしょう。

その答えは「いいえ」ですが、クライアントサイド タグが担ってきた仕事を大幅に補完し改良できる技術であることは確かです。サーバーサイド タグ設定では、ユーザーとマーケティング ベンダーの間に、新たな制御のレイヤーが加わります。このレイヤーの存在により、ベンダーが受け取るデータの構成を厳密にコントロールすることが可能です。

その他、たとえば次のようなメリットが得られます。

• ユーザーのブラウザに読み込まれるサードパーティ コードの量が大幅に減るため、ページの動作速度が改善します。
• ブラウザがベンダーのドメインと直接やりとりする必要がなくなるため、コンテンツ セキュリティ ポリシーをより限定的にすることができます。
• ベンダーに送信されるデータから個人データ（ユーザーの IP アドレスなど）を除去できるため、プライバシーが向上します。
• Cookie の設置はページ内の JavaScript によってはなく、サイトのドメインで行うため、Cookie の安全性と持続性を高めることができます。

サーバー コンテナとウェブコンテナの違い

サーバーサイド タグ設定の仕組み

このコースで扱うタグ設定の構成においては、タグをタグ マネージャーのサーバー コンテナに格納する必要があります。
サーバー コンテナは、Node.js 上のサーバー環境内で実行される JavaScript アプリケーションです。
このアプリケーションは Docker イメージとしてパッケージ化および配布されているため、さまざまなサーバー環境やクラウド サービスで利用できます。

タグ マネージャーのサーバー コンテナは、タグ マネージャーのウェブコンテナ、または gtag.js ライブラリと連携して動作します。クライアントサイドのライブラリが持つメカニズムによって、ウェブブラウザからのデータの収集とサーバーサイド タグ設定環境への送信が行われる仕組みです。

タグの設置場所の選び方

サーバーサイド タグ設定環境にデプロイしたタグに、ウェブページまたはアプリ内でのユーザー行動を把握させたい場合は、ブラウザまたはアプリ内で実行されるタグも一部必要となります。サーバー コンテナはサーバーサイド環境で実行されており、ウェブページ上やアプリ内で起きたことは参照できないためです。ウェブページまたはアプリ側のコンテナからサーバー コンテナへ、ネットワーク リクエストによる通信を行うことになります。

たとえば、ウェブページで発生したユーザー インタラクション（クリック、スクロール、フォーム操作など）についてのデータを収集したい場合は、ウェブブラウザ側で実行される GA4 設定タグを使って、その情報をサーバーサイド タグ設定のエンドポイントに送信する必要があります。同様に、ウェブサイトでのインタラクションに関係するカスタム イベントを収集するには、タグ マネージャーのウェブコンテナに GA4 イベント タグを設置する必要があります。