JavaScript rediriger avec Google Analytics

Remarque: _gaq.push permet de pousser des fonctions dans la file d'attente. Le code suivant doit être redirigé après 250 millisecondes (pour laisser le temps au pixel de suivi) après _trackPageview:

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1234567-8']);
_gaq.push(['_trackPageview']);
_gaq.push(function() {
    setTimeout(function() {
        window.location = "https://market.android.com/developer?pub=Fractal%20Systems";
    }, 250);
});

(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);
})();

Si vous utilisez le nouveau code GA, vous pouvez simplement remplacer cette ligne ga('send', 'pageview'); par ce code:

ga('send', 'pageview', {
  'hitCallback': function() {
      window.location = "http://www.your-site.com";
  }
});

Exemple complet:

  (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');

ga('create', 'UA-xxxxxxx-2', 'auto');

ga('send', 'pageview', {
  'hitCallback': function() {
      window.location = "http://www.your-site.com";
  }
});

Je suggère de changer votre code Google Analytics pour qu'il soit synchrone au lieu d'asychronous en le changeant à ceci:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1234567-8']);
  _gaq.push(['_trackPageview']);
</script>
<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>

Cela devrait garantir qu'il s'exécute avant que votre code de redirection entre en jeu et qu'il devrait être hors de votre script de redirection afin qu'il n'y ait pas d'interférence. Comme vous l'avez maintenant, vous jouez à un jeu de devinettes pour combien de temps le script GA prendra à charger et qu'il va charger et faire son travail en moins de 3 secondes. Cela peut généralement être le cas, mais il n'y a pas raison de le charger de manière asynchrone comme vous l'êtes et de jouer à ce jeu. Chargez-le de manière synchrone et il fera son travail avant que votre redirection javascript ne se déclenche.

Il pourrait même être possible de simplement mettre la redirection directement après le code GA comme ceci et de minimiser le temps que votre page d'espace réservé est affichée:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1234567-8']);
  _gaq.push(['_trackPageview']);
</script>
<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">
  window.location = "https://market.android.com/developer?pub=Fractal%20Systems";
</script>

Le code par Mike fonctionne effectivement. Cependant, j'ai trouvé que la suppression de la minuterie fonctionne entièrement aussi bien. Le _ _ utm.la demande gif est alors abandonnée, mais toutes les informations ont été envoyées. La fenêtre redirige juste et n'attend pas la réponse (qui est simplement un statut 200). J'ai testé cela et il semble fonctionner bien.

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1234567-8']);
_gaq.push(['_trackPageview']);
_gaq.push(function() {
  window.location = "https://market.android.com/developer?pub=Fractal%20Systems";
});


(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);
})();

Meta refresh est généralement déconseillé en raison de problèmes d'utilisabilité (en particulier avec un court délai ou sans délai), mais en tant que fallback pour les clients sans javascript, je pense que c'est parfaitement valide dans ce cas.

Si vous combinez Le ga synchrone.appel js avec un meta refresh vous obtenez le meilleur des deux mondes: une redirection presque instantanée et suivie si JS est activé; une redirection retardée mais toujours efficace sinon (et un lien dur dans le corps juste au cas où tout le reste échouer).

<html>
<head>
    <!--For JS disabled: decent delay, both for usability and to allow plenty of time for JS to work if enabled -->
    <meta http-equiv="refresh" content="5;https://market.android.com/developer?pub=Fractal%20Systems"/>
    <script>
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-1234567-8']);
        _gaq.push(['_trackPageview']);
    </script>
    <!--Synchronous call to ensure tracking fires before JS redirect-->
    <script type="text/javascript" src="//www.google-analytics.com/ga.js"></script>
    <script>
        /* if JS is enabled this will normally fire well before the meta refresh delay ends: an almost instantaneous redirect */
        window.location="https://market.android.com/developer?pub=Fractal%20Systems";
    </script>
</head>
<body>
    <!-- Include a hard link in case both js and the meta refresh fail -->
    <p>Redirecting you to <a href="https://market.android.com/developer?pub=Fractal%20Systems">https://market.android.com/developer?pub=Fractal%20Systems</a></p>
</body></html>

Il y a une bonne réponse ici: https://www.domsammut.com/code/setting-up-hitcallback-using-google-universal-analytics

En bref, vous le feriez en utilisant un événement, et vous utilisez la fonction hitCallback.

Cette approche ne nécessite pas de retard. Exécutez d'abord le code google analytics de manière synchrone, puis redirigez.

<html>
<head>
<script src="//www.google-analytics.com/analytics.js"></script>
  <script>
    var tracker = ga.create('UA-xxxxxxxx-x', 'auto');
    tracker.send('pageview');
    window.location='http://your-url.com';
  </script>
</head>
<body>
</body>
</html>

Je pense peut-être utiliser la méthode jQuery ready pour ne pas démarrer la minuterie tant que la page n'est pas complètement chargée...

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {       
    setTimeout(function() {
        //alert("redirecting!");
        window.location = '<?= $url ?>';
    }, 3000);
});
</script>