Comment suivre des événements personnalisés sans cookies

Les pages vues vous disent où vont les gens. Les événements personnalisés vous disent ce qu'ils font. Suivre les clics, les envois de formulaires et les inscriptions vous donne une image complète de la façon dont les visiteurs interagissent avec votre site.

Que sont les événements personnalisés ?

Les événements personnalisés sont des actions que vous définissez et suivez au-delà des pages vues standard. Ils capturent des interactions précises qui comptent pour votre activité :

• Clics sur des boutons (inscription, téléchargement, ajout au panier)
• Envois de formulaires (formulaires de contact, inscriptions à la newsletter)
• Lectures de vidéos
• Téléchargements de fichiers
• Jalons de défilement
• Utilisation de fonctionnalités dans les applications web

Glyphex les suit sans cookies. Les données d'événements sont agrégées et anonymes, tout comme les données de pages vues.

Ajouter des événements à votre site

Syntaxe de base

Après avoir installé le script de suivi Glyphex, vous pouvez déclencher des événements personnalisés depuis n'importe où dans votre JavaScript :

// Track a simple event
window.analytics.track('signup');

// Track an event with properties
window.analytics.track('download', { file: 'pricing.pdf' });

C'est tout. Aucun script supplémentaire à charger, aucun fichier de configuration à modifier.

Suivi des clics sur les boutons

Le cas d'usage le plus courant. Ajoutez un événement à n'importe quel bouton :

<button onclick="window.analytics.track('cta-click')">
  Get started
</button>

Ou dans un framework comme React :

<button onClick={() => window.analytics.track('cta-click')}>
  Get started
</button>

Suivi des envois de formulaires

Suivez le moment où les utilisateurs remplissent un formulaire :

document.querySelector('#signup-form').addEventListener('submit', () => {
  window.analytics.track('form-submit', { form: 'signup' });
});

Suivi des liens sortants

Sachez quand les visiteurs cliquent sur des liens vers des sites externes :

document.querySelectorAll('a[href^="http"]').forEach(link => {
  link.addEventListener('click', () => {
    window.analytics.track('outbound-click', { url: link.href });
  });
});

Conventions de nommage

De bons noms d'événements rendent vos données lisibles des mois plus tard. De mauvais noms créent de la confusion.

Garder des noms cohérents

Choisissez un format et tenez-vous-y :

• Utilisez des minuscules avec des traits d'union : form-submit, pas FormSubmit ni form_submit
• Soyez précis : pricing-cta-click plutôt que juste click
• Utilisez le format verbe-nom : download-pdf, play-video, submit-form

Regrouper les événements liés

Utilisez des préfixes pour organiser les événements par domaine :

signup-start
signup-complete
signup-error

checkout-begin
checkout-payment
checkout-complete

Cela facilite grandement le filtrage et l'analyse.

Consulter les données d'événements

Dans Glyphex, accédez à la section « Événements » de votre tableau de bord. Vous y verrez :

• Nombre d'événements : combien de fois chaque événement s'est déclenché
• Déclencheurs uniques : combien de visiteurs distincts ont déclenché chaque événement
• Tendances : comment le volume d'événements évolue dans le temps

Filtrez par plage de dates, nom d'événement ou propriétés pour explorer les données en détail.

Exemples pratiques

Mesurer l'entonnoir d'inscription

Suivez chaque étape de votre processus d'inscription :

// User lands on pricing page (automatic pageview)

// User clicks "Start free trial"
window.analytics.track('trial-start-click');

// User completes signup form
window.analytics.track('trial-signup-complete');

// User activates account
window.analytics.track('trial-activated');

Vous voyez maintenant exactement où les gens abandonnent.

Suivre l'engagement avec le contenu

Comprenez comment les gens consomment votre contenu :

// Track scroll depth
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      window.analytics.track('scroll-milestone', { depth: '50%' });
      observer.disconnect();
    }
  });
});
observer.observe(document.querySelector('#halfway-marker'));

// Track time on page
setTimeout(() => {
  window.analytics.track('engaged-reader');
}, 30000); // 30 seconds

Mesurer l'adoption des fonctionnalités

Pour les applications web, suivez quelles fonctionnalités les gens utilisent réellement :

// User creates a project
window.analytics.track('feature-use', { feature: 'create-project' });

// User invites a team member
window.analytics.track('feature-use', { feature: 'invite-member' });

// User exports data
window.analytics.track('feature-use', { feature: 'export-csv' });

Erreurs fréquentes

Suivre trop de choses

Toutes les interactions n'ont pas besoin d'un événement. Concentrez-vous sur les actions liées à des résultats commerciaux. Suivre chaque survol et chaque défilement crée du bruit sans apporter d'enseignements.

Suivre trop peu de choses

Au minimum, suivez vos points de conversion clés. Si vous vendez quelque chose, suivez l'achat. Si vous collectez des prospects, suivez l'envoi du formulaire. Commencez par l'essentiel et étoffez ensuite.

Nommage incohérent

signup, sign-up, user_signup et SignUp apparaîtront comme quatre événements distincts. Documentez votre convention de nommage et respectez-la.

Oublier de tester

Vérifiez toujours que les événements se déclenchent correctement avant de vous fier aux données. Ouvrez votre tableau de bord Glyphex, déclenchez l'événement et confirmez qu'il apparaît.

Aspects liés à la confidentialité

Les événements personnalisés dans Glyphex suivent les mêmes principes de confidentialité que le suivi des pages vues :

• Aucun cookie n'est déposé
• Aucune donnée personnelle n'est collectée
• Les données d'événements sont agrégées, non liées à des individus
• Aucune bannière de consentement nécessaire

Vous pouvez suivre le comportement des utilisateurs sans pister les utilisateurs.

Commencez par votre action de conversion la plus importante. Ajoutez un événement, vérifiez qu'il fonctionne et construisez à partir de là. En une semaine, vous aurez une image claire de la façon dont les visiteurs interagissent avec votre site.