Google Analytics: seguimiento de enlaces salientes con una redirección

Question 1

He configurado Google Analytics para rastrear enlaces salientes. Sin embargo, también he instalado un complemento de WordPress llamado Localizador de enlaces de Amazon que modifica la URL saliente de modo que su formato final sea prourls.com?url=www.amazon.comen vez de www.amazon.com.

¿Es posible modificar la secuencia de comandos de Analytics para que estos clics en enlaces salientes aún puedan rastrearse?

Question 2

PASO 1: Agrega el trackOutboundLink script para su sitio web.

Agrega este código en el <head></head> sección del HTML de la página: (el guión completo se encuentra en la parte inferior de esta página, pero use este para ayudar a minimizar el tamaño de la página)

<script>
var trackOutboundLink=function(t,e){var n,o="object"==typeof t?t.href:t,a=document.createElement("a");function c(){document.location=o}e=e||o,a.href=e,/\bprourls\.com?$/i.test(a.host)?e=(n=/[\?&]url=([^&#]+)/.test(a.search)&&RegExp.$1||"")?decodeURIComponent(n):e:/\blinksynergy\.com$/i.test(a.host)&&(e=(n=/[\?&]murl=([^&#]+)/.test(a.search)&&RegExp.$1||"")?decodeURIComponent(n):e),"function"==typeof gtag?gtag("event","click",{event_category:"outbound",event_label:e,transport_type:"beacon",event_callback:c}):ga("send","event","outbound","click",e,{transport:"beacon",hitCallback:c})};window.addEventListener("load",function(){var t,e,n=document.getElementsByTagName("a")||[];function o
</script>

Tenga en cuenta que el script es una versión modificada/personalizada del script proporcionado por Google Analytics:

https://support.google.com/analytics/answer/1136920?hl=en – para el viejo analytics.js (o ga.js) biblioteca.
https://support.google.com/analytics/answer/7478520?hl=es — por lo nuevo gtag.js biblioteca.

PASO 2: Agregar data-outbound-link="1" al HTML de los enlaces salientes.

Para cada enlace saliente que desee rastrear, agregue esto al HTML del enlace:

data-outbound-link="1"

(Y si previamente añadiste onclick="trackOutboundLink('http://www.example.com'); return false;" al HTML del enlace, luego reemplácelo con el código anterior).

Así que en lugar de: <a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">Check out example.com</a>

..utilizar este: <a href="http://www.example.com" data-outbound-link="1">Check out example.com</a>

EL GUIÓN COMPLETO

A continuación se muestra la versión completa y sin minificar del disfraz trackOutboundLink guión: (use esto solo como referencia)

<script>
var trackOutboundLink = function(link, url2track) {
  var url2visit = ('object' === typeof link) ? link.href : link,
    a = document.createElement('a'),
    b;

  url2track = url2track || url2visit;
  a.href = url2track;

  // Dynamic redirect URLs via Prourls.com; this was for Amazon URLs.
  if (/\bprourls\.com?$/i.test(a.host)) {
    b = (/[\?&]url=([^&#]+)/.test(a.search) && RegExp.$1) || '';
    url2track = b ? decodeURIComponent(b) : url2track;
  // Dynamic redirect URLs via Link Synergy; this was for Footlocker URLs.
  } else if (/\blinksynergy\.com$/i.test(a.host)) {
    b = (/[\?&]murl=([^&#]+)/.test(a.search) && RegExp.$1) || '';
    url2track = b ? decodeURIComponent(b) : url2track;
  }
  // All other URLs are not parsed and expected to be valid outbound URLs.

  function onTracked() {
    //alert('Tracked: ' + url2track);
    document.location = url2visit;
  }

  if ('function' === typeof gtag) {
    gtag('event', 'click', {
      'event_category': 'outbound',
      'event_label': url2track,
      'transport_type': 'beacon',
      'event_callback': onTracked
    });
  } else {
    ga('send', 'event', 'outbound', 'click', url2track, {
      'transport': 'beacon',
      'hitCallback': onTracked
    });
  }
};

window.addEventListener('load', function() {
  var links = document.getElementsByTagName('a') || [],
    i, a;

  function _go(e) {
    e.preventDefault();

    // Track a custom URL address, if specified.
    var b = this.getAttribute('data-outbound-link');

    trackOutboundLink(this.href, '1' === b ? '' : b);
  }

  for (i = 0; i < links.length; i++) {
    a = links[i];

    if (!a.href || /^#/.test(a.href) || location.host === a.host) {
      continue;
    }

    if ('' !== a.getAttribute('data-outbound-link')) {
      a.addEventListener('click', _go, false);
    }
  }
}, false);
</script>

Question 3

Prueba esto:

PrimeroQuitar el onclick controladores en todos sus enlaces.

Segundo Incluya el siguiente código en su <head> bloquear

var trackOutboundLink = function(url) {
    var newUrl = url;
    var re = /prourls\.co.*\?.*url=(.*)/
    var matches = url.match(re);
    if (matches && matches.length > 0) {
        newUrl = matches[1]
    }

    // console.log(newUrl);

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

var btns = document.querySelectorAll('a.btn');
for (var i = 0, l = btns.length; i < l; i++) {
    btns[i].addEventListener('click', function(e) {
        // console.log(e.target.href);
        trackOutboundLink(e.target.href);
    });
}

Modificado trackOutboundLink() ahora:

Comprueba si es de la forma prourls.com?url=XXXX
Extrae el valor de la url parámetro
Pasa ese valor a la llamada de seguimiento de eventos de GA

¿Ha sido útil esta solución?