非同期JavaScript呼び出しを表示

Google Analyticsのトラッキングスクリプトを非同期バージョンにアップグレードしました。私が持っている唯一の問題は、コールをデバッグできることです。私はthis siteで概説されているアプローチを使ってFirebugの古いバージョンを追跡することができましたが、今はgaq.push呼び出しを見ることができません。 Firebugや別のツールでこれを表示する方法はありますか？非同期JavaScript呼び出しを表示

これは私がトラックにしようとしている私のサンプルテストページです：

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Google Analytics Event Tracking</title> 
    <script type="text/javascript"> 
     var _gaq = _gaq || []; 
     _gaq.push(['_setAccount', 'UA-13250000-1']); 
     _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> 
</head> 
<body> 
Lorem ipsum dolor sit amet....<br /> 
<script type="text/javascript"> 
    _gaq.push(['_trackEvent', 'Videos', 'Play', 'Gone With the Wind']); 
</script> 
</body> 
</html>

私は「_gaq.push」が実際に動作していることを確認しようとしています。

出典

2011-01-19 Josh

に送らのparamsあります。私は自分のローカルPCからテストしていました。URLはhttp：// pcnameでした.FQDNを持つテストサーバーに上記のテストページをデプロイすると、プッシュコマンドに関連するGETリクエストがFirebugに表示されました。 ga.jsに組み込まれているものは、FQDN以外を使用する場合はプッシュイベントを抑制する必要があります。 – Josh

FirefoxのTamperData pluginは非常に便利です。それはフィルタリングなどですべてのHTTPトラフィックを見ることができます。また、ブラウザがHTTPトランザクションを開始する前にヘッダーを変更できる機能もあります。

出典

2011-01-19 16:20:16 Pointy

ただインストールされましたが、非同期呼び出しは表示されず、ga.jsファイルを取得するための呼び出しだけが表示されます。非同期呼び出しを表示するためにオンにする必要があるオプションはありますか？ – Josh

ブラウザから** HTTPトラフィックが**すべて表示されます。 HTTP呼び出しが行われていますか？私はそのプラグインを長年使用してきましたが、私はそれがHTTPトラフィックを「見逃している」ことは決して見たことがありません。 – Pointy

それは私が把握しようとしているものです。残念ながら、イベントデータを報告するには最大で1日かかるため、GAでトラフィックを表示することはできません。そのため、少なくとも送信されているかどうかを判断しようとしています。上記のサンプルページを投稿して、私が何をテストしているかを見ることができます。 – Josh

私はChromeデベロッパーツールで[リソース]タブを見て、次の操作を行います。

http://drktd.com/45VJ（黄色の「XHR」を気づく - のXMLHttpRequestを意味し、あなたはおそらく探しているコールの一種である）

システムに出入りする各リクエストの詳細なビューが必要な場合は、実際にCharles Proxy.をインストールする必要があります。この種のものには、最高の品種です。

出典

2011-01-19 16:21:51

FireBugでリクエストが表示されていない場合は、表示されません。 Googleアナリティクスは、ブラウザがどのようなHTTPリクエストを行っているかを追跡することができないので、あなたのコードは単純に作成していません。

出典

2011-01-19 17:06:36 Phrogz

私はちょうど同じ問題に遭遇したので、私はGoogleの検索を行い、このスタックオーバーフローの質問に終わった。私はあまりにもこれが単純なものとなるようにfirebugでxhr要求として表示されると思ったイベントを追跡する方法。 1x1ピクセルのgifを使って追跡しています。あなたがネットで見た場合> Firebugのすべてのタブを使用すると、GETリクエストが表示されますが、これに似て探して作られた：

https://ssl.google-analytics.com/__utm.gif?utmwv=5.2.4&utms=28&utmn=1818843630&utmhn=dev-marketplace.asos.com&utmt=event&utme=5(my-home*sub-nav-click*blog-posts)&utmcs=UTF-8&utmsr=1920x1080&utmvp=1920x618&utmsc=24-bit&utmul=en-gb&utmje=0&utmfl=11.1%20r102&utmdt=Build%20%23%20Developer%20Live%20Feed%20ASOS%20Marketplace&utmhid=1950484512&utmr=-&utmp=%2Flivefeed%2Fblogposts&utmac=UA-23521416-1&utmcc=__utma%3D159014575.706813547.1328542287.1328542287.1328604985.2%3B%2B__utmz%3D159014575.1328542287.1.1.utmcsr%3D(direct)%7Cutmccn%3D(direct)%7Cutmcmd%3D(none)%3B&utmu=6AAAAAAAAAAAAAAAQ~

これらは、私はそれを考え出した要求

utmac UA-23521416-1 
utmcc __utma=159014575.706813547.1328542287.1328542287.1328604985.2;+__utmz=159014575.1328542287.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); 
utmcs UTF-8 
utmdt Build # Developer Live Feed ASOS Marketplace 
utme 5(my-home*sub-nav-click*blog-posts) 
utmfl 11.1 r102 
utmhid 1950484512 
utmhn dev-marketplace.asos.com 
utmje 0 
utmn 1818843630 
utmp /livefeed/blogposts 
utmr - 
utms 28 
utmsc 24-bit 
utmsr 1920x1080 
utmt event 
utmu 6AAAAAAAAAAAAAAAQ~ 
utmul en-gb 
utmvp 1920x618 
utmwv 5.2.4

出典

2012-02-07 09:40:40 superlogical

これ！正解です。ありがとう兄貴！ – stagl

非同期JavaScript呼び出しを表示

答えて

関連する問題