web-dev-qa-db-fra.com

comment créer un objectif Google Analytics pour cliquer sur un autre site?

Je suis nouveau dans GA, j'ai un lien d'ancrage configuré sur mon site web mysite.com, qui dirige les utilisateurs vers un autre site web site2.com. Est-il possible de définir un objectif dans le tableau de bord GA pour un clic sur cette ancre?

google-analyticsgoal-trackinganchor
3
Sagi Mann

Je conseillerais de mettre en place un suivi des événements sur le lien. Le suivi des événements peut être mis en œuvre avec la syntaxe suivante pour Google Universal Analytics.

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

Cela pourrait être mis en œuvre sur votre site en tant que:

<a href="site2.com" onclick="ga('send', 'event', 'Click', 'External Link Click', 'site2.com');">Link</a>

Une fois que cela est implémenté sur les liens pour lesquels vous souhaitez définir un objectif, vous pouvez définir un objectif en sélectionnant objectif "personnalisé", puis "événement". puis catégorie: 'Cliquez', Action: 'Cliquez sur un lien externe', Libellé: 'Site2.com'.

1
Jaryd Buggins

Afin de suivre les objectifs, vous devez enregistrer le clic sur le lien en tant que quelque chose que GA peut utiliser pour suivre les objectifs. Cela peut être fait par un événement ou une page virtuelle. Les événements sont meilleurs, grâce aux options de personnalisation proposées.

Pour être sûr que tous vos événements seront envoyés à GA avant que les utilisateurs ne quittent votre site, vous pouvez choisir l'une des deux options suivantes:

a) Modifiez le code de suivi à utiliser transportbalise , exemple de code:

function handleOutboundLinkClicks(event) {
  ga('send', 'event', {
    eventCategory: 'Outbound Link',
    eventAction: 'click',
    eventLabel: event.target.href,
    transport: 'beacon'
  });
}

Veuillez noter que cela ne fonctionnera que dans les navigateurs prenant en charge navigator.sendBeacon:

Si vous spécifiez 'beacon' et que le navigateur de l'utilisateur ne prend pas en charge la méthode navigator.sendBeacon, il retombera sur 'image' ou 'xhr' en fonction de la taille de l'impact.

b) Utilisez une fonction de rappel sur les interactions que vous souhaitez suivre. Exemple de code:

// Gets a reference to the form element, assuming
// it contains the id attribute "signup-form".
var form = document.getElementById('signup-form');

// Adds a listener for the "submit" event.
form.addEventListener('submit', function(event) {

  // Prevents the browser from submitting the form
  // and thus unloading the current page.
  event.preventDefault();

  // Sends the event to Google Analytics and
  // resubmits the form once the hit is done.
  ga('send', 'event', 'Signup Form', 'submit', {
    hitCallback: function() {
      form.submit();
    }
  });
});

Note latérale:

Il existe également un plugin intéressant de Google, appelé Autotrack . Ce plugin a eventTracker module , ce qui vous permet de coder le suivi des événements de la manière suivante:

<button
  ga-on="click"
  ga-event-category="Video"
  ga-event-action="play">
  Play video
</button>
0
Bartek