web-dev-qa-db-fra.com

Comment suivre les liens sortants avec Google Analytics?

Je possède actuellement un site Web WordPress, où je souhaiterais pouvoir créer un événement qui enregistre le moment où les visiteurs cliquent sur une page Web tierce (lien sortant).

À l'heure actuelle, mon site Web contient 3 codes de suivi Google Analytics. Chaque code de suivi se présente comme suit:

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-x"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.Push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxxxx-x');
setTimeout("gtag('event', 'adjusted bounce rate', {'event_label':'more than 30 sec'})",30000 );
</script>

Comme vous pouvez le constater, un événement est déjà intégré pour suivre les visiteurs qui passent au moins 30 secondes sur la page.

J'ai lu cette page Google Support , où je peux voir qu'il me faudrait coller:

<script>
var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
     'transport': 'beacon',
     'hitCallback': function(){document.location = url;}
   });
}
</script>

et ...

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">Check out example.com</a>

Maintenant, je sais que je devrais insérer les extraits ci-dessus dans les fichiers header.php, mais là où je suis incertain,

  1. Comment puis-je intégrer les extraits ci-dessus afin qu'ils soient "attribués" à chacun des 3 comptes de suivi Google Analytics?
  2. Ai-je bien compris que l'attribut onclick est uniquement destiné aux liens que nous voulons suivre sur la page et ne fait pas partie de l'extrait d'analyse, dans le fichier header.php?
google-analyticsgoogle-tag-managerevent-trackinganalytics-events
1
Craig

Tout d'abord, vous devez vous assurer que vous utilisez le même code de suivi de version d'Analytics. Dans votre question, le code de suivi principal utilise gtag.js mais le code d'événement est basé sur analytics.js .

Vous devriez utiliser -c'est le plus récent- gtag.js. Donc, le code à utiliser serait:

var trackOutboundLink = function(url) {
  gtag('event', 'clic', {
    'event_category': 'saliente',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){document.location = url;}
  });
}

Peu importe où ce code est placé tant qu'il est placé après le code de suivi principal.

Néanmoins, afin de simplifier les choses et d'éviter de modifier chaque lien externe, je vous recommande d'utiliser Google Tag Manager. Ici vous avez un tutoriel pour suivre les liens externes via GTM .

3
Emirodgar