Jeffrey Cross
Jeffrey Cross

Analyse automatique des liens sortants avec jQuery

J'ai eu le défi d'ajouter le code de suivi Google Analytics à tous les liens sortants d'un site sur lequel je travaillais. Il y a des centaines de liens dispersés sur le site, alors plutôt que d'essayer de modifier plusieurs liens, en ajoutant manuellement des gestionnaires onclick de manière sujette aux erreurs, j'ai décidé de devenir paresseux et d'écrire du code pour le gérer.

Premièrement, je pensais faire une sorte d’expression régulière à la recherche et remplacer dans l’ensemble du site et de la base de données, mais cela me rappelait les sélecteurs CSS3 et leur capacité à faire du filtrage par motif simple. J'ai vu des gens appliquer un style spécial aux liens sortants de cette façon. Après quelques minutes de singe, j'ai maintenant un morceau de jQuery qui va automatiquement suivre les clics sur tous les liens sortants.

La voici en quelques mots:

jQuery (fonction ($) {

// Correspond à toutes les balises d'ancrage du div "maincontent" avec les // urls commençant par "http" mais ne contenant pas la chaîne // "yourwebsite.com" $ ('# maincontent a [href ^ = "http"] ') .not (' a [href * = "yourwebsite.com"] '). cliquez sur (function () {

essayer {

// Récupère l'URL href et lance le "http: //" var href = $ (this) .attr ('href'); if (href.indexOf (": //")> 0) {

// Suivi de la page dans Google Analytics sous // "/tracking/outbound/www.somesite.com/foo" var outbound = '/ tracking / outbound /' + href.split (": //", 2) [1 ]; pageTracker._trackPageview (sortant);

}} catch (e) {}}}

Avec cette exécution, toutes mes pages internes sont suivies comme d'habitude, et tous les liens externes apparaîtront sous forme de pages vues ressemblant à «/tracking/outbound/www.somesite.com/foo».

Si vous créez un lien vers de nombreuses pages différentes sur plusieurs sites, il est particulièrement utile de conserver l'URL du site complet dans le code de suivi et de créer ces chemins d'accès profonds. Google Analytics vous permet d’avancer dans l’arborescence comme si c’était du contenu normal et d’obtenir rapidement des chiffres sur le nombre total de clics sortants que vous avez reçus (/ tracking / sortant), combien d’accès ont été consultés sur www.somesite.com (/ tracking / sortant / www.somesite.com), et combien de personnes ont cliqué sur une page particulière du site.

Cela m'a fait gagner beaucoup de temps et est infiniment plus flexible que toute autre méthode de suivi sortant que j'ai utilisée. J'espère que ça aidera quelqu'un d'autre. Laissez-moi une ligne dans les commentaires si cela vous convient.

Mise à jour: il semble que je n’ai pas été le premier à le faire. Un article de Rebecca Murphey montre comment faire quelque chose de similaire, tout en ajoutant le titre de l'article de référence au code de suivi. Des trucs plutôt cool, je dois dire.

Part

Laisser Un Commentaire