Google Chromeのローカル オーバーライドを活用して、GTM実装前のサイトでGTMの動作確認をする方法 - NRIネットコムBlog

はじめに Google Chromeのローカル オーバーライドとは ローカル オーバーライドを活用するメリットと活用場面 ローカル オーバーライドを使用し、GA4 の計測の検証に活用してみた Case1：GTMコードスニペットを差し替えて、検証環境でGA4 の基本的な計測を確認する 手順１：ChromeのDevToolsにて、ローカル オーバーライドを行う 手順２：GTMのプレビューにて、GTMが動作しているか確認する 手順３：GA4 プロパティにて、計測確認をする Case2：実装前のdataLayer.pushのコードを検証する 手順１：dataLayer.pushのコードを作成する 手順２：ChromeのDevToolsにて、ローカル オーバーライドを行う 手順３：GTMにて設定を行う 手順４：GTMのプレビューにて、データレイヤー変数がGA4 で計測できているかを確認する おわりに