4 Stimmen

Asynchrone JavaScript-Aufrufe anzeigen

Ich habe das Tracking-Skript für Google Analytics auf die asynchrone Version aktualisiert. Das einzige Problem, das ich habe, ist die Möglichkeit, die Aufrufe zu debuggen. Ich konnte die ältere Version in Firebug nachverfolgen, indem ich den Ansatz aus diese Seite , kann aber jetzt die gaq.push-Aufrufe nicht mehr sehen. Gibt es eine Möglichkeit, dies in Firebug oder einem anderen Tool anzuzeigen?

Dies ist meine Testseite, die ich zu verfolgen versuche:

<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>

Ich versuche zu bestätigen, dass "_gaq.push" tatsächlich funktioniert.

2voto

superlogical Punkte 13526

Ich lief gerade in das gleiche Problem, und so habe ich eine Google-Suche und landete auf diesem Stack Overflow Frage. Ich dachte auch, dass dies nur als eine Xhr-Anfrage in Firebug zeigen würde, wie das wäre der einfache Weg, um ein Ereignis zu verfolgen. Es stellte sich heraus, dass sie ein 1x1 Pixel gif verwenden, um die Verfolgung zu tun! Wenn Sie in der Registerkarte Net > All in Firebug schauen, sehen Sie eine GET-Anfrage, die ähnlich wie diese aussieht:

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~

Dies sind die in der Anfrage gesendeten Parameter

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

1voto

Pointy Punkte 387467

En TamperData-Plugin für Firefox ist sehr praktisch. Es lässt Sie den gesamten HTTP-Verkehr sehen, mit Filterung usw. Es hat auch eine Funktion, mit der Sie Header ändern können, bevor der Browser die HTTP-Transaktion startet, was ziemlich genial zu sein scheint, aber ich habe es nie benutzt.

0voto

Kyle Wild Punkte 8625

Dazu schaue ich mir die Registerkarte Ressourcen in den Chrome-Entwicklertools an:

http://drktd.com/45VJ (Beachten Sie das gelbe "XHR" - das bedeutet XMLHttpRequest, also die Art von Aufruf, nach der Sie wahrscheinlich suchen)

Wenn Sie einen detaillierten Überblick über jede Anfrage in/aus Ihrem System benötigen, sollten Sie unbedingt die Charles Proxy. Es ist das Beste seiner Art für diese Art von Dingen.

0voto

Phrogz Punkte 283167

Wenn Sie in FireBug nicht sehen, dass die Anfragen stattfinden, dann finden sie auch nicht statt. Google Analytics umgeht nicht irgendwie die Fähigkeit des Browsers, zu verfolgen, welche HTTP-Anfragen er macht, Ihr Code macht sie einfach nicht.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X