0

https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoadedやhttps://developer.mozilla.org/enなど、特定のリソースの読み込みが完了したときに発生するイベントがいくつかあります。 -US/docs/Web/Events/load

Google アナリティクスのコードがいつ読み込まれるかを調べる方法があるかどうか、つまり、どのイベントが Google アナリティクスの読み込みをトリガーするかを知りたいと思っていました。

HTML 自体、画像、スタイルシート、その他のスクリプトなど、より重要なリソースの読み込みを妨げずにスクリプトを含めようとしています。また、これは jQuery などのライブラリから独立して動作する必要があります。

4

1 に答える 1

0

ユニバーサル アナリティクスは、自己実行機能を使用します。

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

これにより、analytics.js ファイルをロードするスクリプト タグが作成されます。このスクリプト タグには async 属性があり、このコンテキストでの async は、これがブロックされていないことを意味します (また、スクリプト タグを動的に作成することは、ロードがブロックされないことをすでに意味しているようです: 「ブロックせずにスクリプトをダウンロードするための 6 つの主な手法があります: [. ..] スクリプト DOM 要素 – スクリプト要素を作成し、その src プロパティをスクリプトの URL に設定します。") .

外部の Google アナリティクス ファイルの読み込みは、ブートストラップ コードの実行後に開始されます。非同期ロード (非同期をサポートするブラウザーの場合) のため、ロードのタイミングを正確に特定することはできませんが、他の操作に干渉しないため、実用上は問題ありません。

Tomeks のコメントによると、DOM Ready でブートストラップ関数を起動する必要はありません。タイミング レポートで使用される日付オブジェクトを作成します。たとえば、ページの読み込みから DOM の準備が整うまでの時間を決定します。コードをロードする前に DOM の準備が整うまで待つと、タイミング レポートが壊れます (これが、GA コードがページの上部に表示される理由でもあります)。

于 2015-01-07T08:19:19.513 に答える