BLOGMarTechのトレンドや要素技術、各種サービスについて取り上げて紹介していきます。Analytics」では、非同期によるJavaScriptの読み込み・実行によりアクセスログを逃さずサーバに送信し解析結果を正確に保つため、以前より「コマンドキュー」という実装方式が取られ、これは現行バージョンの「gtag.js」にも継承されています。Analytics」のJavaScriptのコマンドキューに関する内部実装を見ていきます。コマンドキューとはコマンドキューとは、コマンドを待ち行列(キュー)に入れ、ターゲットの意図する順番で処理する形式のことです。Analytics」のJavaScriptスニペットでは、本体の「gtag.js」ライブラリが読み込まれるまでは関数の実行をすることができませんが、ライブラリが完全に読み込まれる前でもトラッキング対象となるイベント(スクロール、クリックなど)が発生する可能性があるため、ライブラリが完全に読み込まれる前でもコマンドを使用できる状態にしておく必要があります。ライブラリが完全に読み込まれる前は実行したいコマンドをキューとして追加・保持します。コマンドキューのコマンドは、gtag.jsライブラリが読み込まれるとすぐに、追加された順に実行され、これが完了すると、キューに新しくプッシュされたコマンドがすぐに実行されます。それでは実際の実装を見ていきましょう。「gtag.js」のスニペットは下記のような表記となっています。'GA_TRACKING_ID');</script>1行目のスクリプト読み込みにより、「gtag.js」をgoogletagmanager.comから読み込み開始します。属性が付与されているため、読み込みと平行して次以降のスクリプトも実行が始まります。Analytics」初期化関数呼び出し時の引数となる情報を、順に追加していきます。ライブラリの読み込みを待ちます。次にライブラリが読み込まれたあとを見ていきましょう。下記スクリプトにて初期化が実施されます。関数は下記の通りです。js、configといった関数を実行していきます。js、configといった関数がオブジェクトとして格納されています。関数の中身は下記の通り。実行することとなります。関数を無効化しているようです。},まとめ以上の通り実装を覗いてみました。コマンドキュー形式は、クライアントブラウザやそのネットワーク環境といった不確定要因に対してリスクヘッジを行う、優れた実装方法と言えそうです。»プロフィールデジタルマーケッターとしてキャリアを始めた後、ウェブエンジニアに転身し、コンバージョン率改善系のSaaSプロダクト開発・提供をリードエンジニアとして主導してきました。Technology)について紹介していきます。※ここで発信する情報は著者個人の見解に基づくものであり、所属企業・団体を代表するものではありません。(1)リンクこのブログについてスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。