Google AnalyticsをAJAX経由で読み込むことはできますか？

Question

（というか - 私は追加すると言われました1）典型的なGoogle Analyticsのコードは次のようになります。

<script type="text/javascript"> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-123456-7']); 
    _gaq.push(['_setDomainName', '.mydomain.example']); 
    _gaq.push(['_trackPageview']); 

    (function() { 
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
    })(); 
</script> 

注ga.async = true;一部。これにより、適合するブラウザはスクリプトを非同期的に読み込むことができますが、それ以外のブラウザはまだまだたくさんあります。私はパフォーマンスが心配です - Googleアナリティクススクリプトをダウンロードしようとしている間に、読み込み中に多くのページがフリーズしています。代わりにAJAX経由でスクリプトをロードしてからeval()をロードするとうまくいくのでしょうか？私はむしろ読み込まれないページビューよりも追跡されなかったページビューを持っています。

Answer 1

このスクリプトをjavascriptファイルに保存し、document.readyイベントが発生した後にそのファイルを読み込むことができます。そうすれば、ページの読み込みがブロックされません。これは、（jqueryプラグイン、UIなどの）必須ではないjsとcssファイルをどのように含めるかです。

あなたはjqueryのを使用していると仮定すると、あなたもこれを行うことができます。

<script type="text/javascript"> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-123456-7']); 
    _gaq.push(['_setDomainName', '.mydomain.example']); 
    _gaq.push(['_trackPageview']); 

    (function() { 
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
     var s = document.getElementsByTagName('script')[0]; 
     $(document).ready(function(){ 
     s.parentNode.insertBefore(ga, s); 
     }); 
    })(); 
</script> 

注：私はそれをテストしていませんでした。 document.readyが呼び出された後で、スクリプト要素を挿入するだけです。