Présentation de Netlify Analytics

Netlify Analytics: une solution simple et précise pour la surveillance du site Web

Avez-vous déjà lancé un projet et souhaité avoir suivi ses performances? De nombreux développeurs négligent l'analyse initialement, en raison des préoccupations concernant la complexité supplémentaire, le poids de la page ou la vie privée. Netlify Analytics offre une solution simple.

J'ai personnellement vécu cette surveillance. Mon récent lancement du générateur de grille CSS manquait d'analyses, me laissant dans l'ignorance de son utilisation. Netlify Analytics permet une analyse rétrospective sans nécessiter une configuration préalable. C'est un outil précieux, mais pas un remplacement pour des plateformes de marketing complètes.

Un avantage clé est sa précision . Les données côté serveur fournissent une image claire de l'activité du serveur réel, contrairement à l'analyse côté client vulnérable aux bloqueurs d'annonces (affectant environ 15% des utilisateurs), en mise en cache et à d'autres facteurs.

Le tableau de bord Netlify Analytics

Le tableau de bord donne un aperçu rapide des mesures clés:

De plus amples détails sont accessibles par date:

Vous trouverez également des pannes de grandes sources et pages:

Une fonctionnalité particulièrement utile est les «principales ressources introuvables», mettant en évidence les liens et les ressources brisés. Cela m'a aidé à identifier et à réparer un lien cassé oublié sur mon propre site.

Cet outil est bénéfique pour les projets personnels et simplifie le processus de mise en œuvre de l'analyse. Cependant, n'oubliez pas que l'hébergement Netlify est requis et c'est une fonctionnalité payante. La rétention des données est limitée à 90 jours (bande passante) et 30 jours (autres mesures) pour les sites plus anciens; Un délai de 2 jours dans la population de données peut se produire après l'activation des analyses.

Détails techniques

Le tableau de bord utilise React et HighCharts. La facilité d'utilisation et les caractéristiques de l'accessibilité de HighCarts ont été des facteurs clés dans sa sélection sur des alternatives comme D3.Js. Sa capacité à rendre le HTML dans les éléments SVG, combinée à une excellente documentation, un développement rationalisé.

Les défis de l'interface utilisateur comprenaient l'affichage des dates sur les graphiques de la zone sans encombrer l'axe x. Une fonction de rappel JavaScript personnalisée, combinée à un algorithme pour mettre en évidence les données mensuelles, amélioration de la lisibilité.

Analyse alternative via l'injection d'extrait

Pour l'analyse tierce, Netlify propose une injection d'extrait ou<code> Tags. Ceci est utile pour l'inclusion globale des scripts et la gestion des scripts sans accès à référentiels. Accédez à cela via: Paramètres du site → Build & Deploy → Post Traitement → Injection d'extraits.

L'ajout de Google Analytics, par exemple, impliquerait d'envelopper votre code dans un<script> tag:</script>

  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-XX');

You can name your snippets for easy management.

Netlify Analytics provides a convenient, accurate, and relatively simple solution for website monitoring, supplementing or replacing more complex third-party tools.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!