Cómo rastrear etiquetas de anclaje con Google Analytics

Question

Estoy intentando rastrear clics a través de Google Analytics que no dan como resultado una nueva solicitud. Específicamente, hace clic en las pestañas que se crean a través del jQuery UI tabs widget. Estoy usando la versión anterior del código ('erizo de seguimiento') y tratando de registrar los clics, así:

$('.ui-tabs-nav li a').click(function() { 
    val = "/tab/" + $(this).attr('href'); 

    // when uncommented, the following line reports, for example: 
    // /tab/#main 
    // as expected. 
    // console.log(val); 

    res = urchinTracker(val); 
}); 

El mismo método funciona, en otro caso, cuya única diferencia significativa, por lo que yo puede decir, es la falta de un símbolo hash (#) en la cadena. ¿No se permite ese carácter en una cadena rastreada por urchinTracker(), o podría haber alguna otra causa (que no haya hecho clic en ninguno de los enlaces)?

Answer 1

De forma predeterminada, Google Analytics deshabilita tracking anchor tags. Para habilitarlo para el código de seguimiento legado, utilice el siguiente formulario:

_uanchor = 1; 
urchinTracker(val); 

Establecer un valor a la variable _uanchor es el equivalente de una llamada al método _setAllowAnchor cuando se utiliza la última base de código GA. (Encontrará una comparación detallada en el Google Analytics Tracking Code Migration Guide - este enlace está desactualizado).

El método _setAllowAnchor se describe en el Google Reference Site.

Answer 2

En resumen, Google Analytics no puede rastrear enlaces en la página que contengan un carácter '#'. Un clic en index.html # foo se trata simplemente como un clic en index.html, con todo después de que se haya ignorado el '#'.

Usted podría considerar evadir el carácter '#':

$('.ui-tabs-nav li a').click(function() { 
    val = new String("/tab/" + $(this).attr('href')).replace('#', '&'); 

    // when uncommented, the following line reports, for example: 
    // /tab/#main 
    // as expected. 
    // console.log(val); 

    res = urchinTracker(val); 
}); 

En el ejemplo, este sería grabar una vista de página para /tab/?main, que debería funcionar bien con Google Analytics.

Answer 3

Parece que quieres Google Analytics Event Tracking los ejemplos usan onclick = "" basura, pero apuesto a que probablemente también puedas unir estos a los eventos de jQuery click.

Answer 4

1. He intentado utilizar el método _uanchor = 1;. Eso no funciona. El motivo por el que no funciona es porque está diseñado para enviar los parámetros de Google Analytics como valores hash, no para enviar su valor hash.

   De la guía citada in Török Gábor's answer, el establecimiento de _uanchor a uno tiene los siguientes efectos:

   Cuando está activado, utiliza # en lugar del predeterminado ? para separar la solicitud se derivan de la cadena de consulta

   esto está en la sección 'Seguimiento de campaña'.

2. Rob Knight's answer funciona bien, pero hice una pequeña modificación. En pseudocódigo:

   if (href contains ?) { 
   href = href.replace('#', '&'); 
   } else { 
   href = href.replace('#', '?'); 
   } 
   

No estoy seguro si lo que realmente importa a la anestesia general para tener una URL como foo.html&bar=baz pero parecía limpio para mí.

Answer 5

Si desea realizar un seguimiento de los clics de anclaje en-página, la siguiente funcionaría a nivel mundial:

window.onhashchange = function() { 
    _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]); 
} 

Mira que si usted tiene algunas onclick gestores específicos tales como

$('#someid a').click(function(event){ 
    event.preventDefault(); 
    var target = $(this).attr('href'); 
    // some more clever stuff 
}); 

que tendría que preceder manualmente el hash para activar el onhashchange

$('#someid a').click(function(event){ 
    event.preventDefault(); 
    var target = $(this).attr('href'); 
    // triggers onhashchange 
    location.hash = target; 
    // some more clever stuff 
}); 

Answer 6

https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiCampaignTracking

_gaq.push(['_setAllowAnchor', true]);