Race-Bedingung, und die Verwendung von Google Analytics Asynchron (_gaq) synchron

Du hast Recht. Wenn der browser die Seite verlassen, bevor es sendet das GA-tracking-Beacons (gif-Treffer) für die Veranstaltung, die Veranstaltung wird nicht aufgezeichnet. Dies ist nicht neu in der async-code jedoch, da der Prozess der das senden der tracking-beacon ist asynchron; der alte code war in der gleichen Weise in dieser Hinsicht. Wenn das tracking wirklich wichtig sind, könnten Sie etwas wie das hier tun:

function track(link) {
  if (!_gat) return true;
  _gaq.push(['_trackEvent', 'stuff']);
  setTimeout(function() {location.href=link.href'}, 200);
  return false;
}

...

<a href="example.com" onclick="return track(this);"></a>

Hiermit beenden Sie den browser, gehen Sie auf die nächste Seite, wenn der link angeklickt wird, wenn die GA wurde bereits geladen (es ist wahrscheinlich am besten nicht die user so lange warten). Dann sendet er das Ereignis und wartet 200 Millisekunden, die der Benutzer an den href des Links Sie angeklickt haben. Dies erhöht die Wahrscheinlichkeit, dass das Ereignis aufgezeichnet werden. Sie können die Wahrscheinlichkeit erhöhen, sogar noch mehr, indem Sie den timeout länger, aber das kann auch weh user-Erfahrung in den Prozess. Es ist eine balance, die Sie haben zu Experimentieren mit.

Vom Die Google-Dokumentation für universal analytics (neue version, da die meisten anderen Antworten zu dieser Frage). Sie können jetzt ganz einfach geben Sie einen Rückruf.

var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {'hitCallback':
     function () {
     document.location = url;
     }
   });
}

Für die übersichtlichkeit würde ich empfehlen, verwenden Sie diese syntax, das macht es klarer, welche Eigenschaften Sie senden und einfacher, mehr hinzuzufügen :

            ga('send', 'event', {
                'eventCategory': 'Homepage',
                'eventAction': 'Video Play',
                'eventLabel': label,
                'eventValue': null,

                'hitCallback': function()
                {
                    //redirect here
                },

                'transport': 'beacon',

                'nonInteraction': (interactive || true ? 0 : 1)
            });

[Hier ist ein vollständige Liste der Parameter für alle möglichen ga Anrufe.]

Zusätzlich habe ich die transport parameter beacon (eigentlich nicht nötig, denn es wird automatisch gesetzt, wenn zutreffend):

Dieser gibt den transport-Mechanismus, mit dem sich zuvor geschickt werden.
Die Optionen sind 'beacon', 'xhr', oder 'image'. Standardmäßig analytics.js
werde versuchen, herauszufinden, die beste Methode, basierend auf der hit-Größe und
browser-Fähigkeiten. Wenn Sie angeben, dass 'beacon' und den browser des Benutzers
unterstützt nicht die navigator.sendBeacon Methode, es wird wieder
zu 'Bild' oder 'xhr' je nach Treffer-Größe.

Also, wenn die Verwendung navigator.beacon die navigation wird nicht unterbrochen die Verfolgung . Leider Microsoft den support für beacon ist nicht existent so sollten Sie dennoch legte die Umleitung in einem callback.

Ich versuche einen neuen Ansatz, wo bauen wir die URL für utm.gif uns, und fordern Sie es, dann nur nach Eingang der Antwort (gif) schicken wir die Nutzer auf Ihre Weise:

Verwendung:

  trackPageview(url, function() { document.location = url; });

Code (CrumbleCookie aus: http://www.dannytalk.com/read-google-analytics-cookie-script/)

/** 
 * Use this to log a pageview to google and make sure it gets through
 * See: http://www.google.com/support/forum/p/Google%20Analytics/thread?tid=5f11a529100f1d47&hl=en 
 */
function trackPageview(url, fn) {
  var utmaCookie = crumbleCookie('__utma');
  var utmzCookie = crumbleCookie('__utmz');

  var cookies = '__utma=' + utmaCookie + ';__utmz=' + utmzCookie;

  var requestId = '' + (Math.floor((9999999999-999999999)*Math.random()) + 1000000000);
  var hId = '' + (Math.floor((9999999999-999999999)*Math.random()) + 1000000000);

  var utmUrl = 'http://www.google-analytics.com/__utm.gif';
  utmUrl += '?utmwv=4.8.9';
  utmUrl += '&utmn=' + requestId;
  utmUrl += '&utmhn=' + encodeURIComponent(window.location.hostname);
  utmUrl += '&utmhid=' + hId;
  utmUrl += '&utmr=-';
  utmUrl += '&utmp=' + encodeURIComponent(url);
  utmUrl += '&utmac=' + encodeURIComponent(_gaProfileId); 
  utmUrl += '&utmcc=' + encodeURIComponent(cookies);

  var image = new Image();
  image.onload = function() { fn(); };
  image.src = utmUrl;
}

/**
 *  @author:    Danny Ng (http://www.dannytalk.com/read-google-analytics-cookie-script/)
 *  @modified:  19/08/10
 *  @notes:     Free to use and distribute without altering this comment. Would appreciate a link back :)
 */

//Strip leading and trailing white-space
String.prototype.trim = function() { return this.replace(/^\s*|\s*$/g, ''); }

//Check if string is empty
String.prototype.empty = function() {
    if (this.length == 0)
        return true;
    else if (this.length > 0)
        return /^\s*$/.test(this);
}

//Breaks cookie into an object of keypair cookie values
function crumbleCookie(c)
{
    var cookie_array = document.cookie.split(';');
    var keyvaluepair = {};
    for (var cookie = 0; cookie < cookie_array.length; cookie++)
        {
        var key = cookie_array[cookie].substring(0, cookie_array[cookie].indexOf('=')).trim();
        var value = cookie_array[cookie].substring(cookie_array[cookie].indexOf('=')+1, cookie_array[cookie].length).trim();
        keyvaluepair[key] = value;
    }

    if (c)
        return keyvaluepair[c] ? keyvaluepair[c] : null;

    return keyvaluepair;
}