Documentazione 📂

Inizia con WebMonitor in pochi minuti. Monitora le prestazioni del tuo sito web con poche righe di codice.

Guida Rapida

1. Aggiungi lo Script

Copia e incolla il nostro codice di tracciamento nel tuo sito web.

2. Inizializza

Lo script inizierà automaticamente a monitorare il tuo sito.

3. Monitora

Visualizza le analitiche in tempo reale nella tua dashboard.

Metodi di installazione 🔧

Add this code in the <head> section of your website. This method uses our CDN for faster loading.

index.html


  <!-- Aggiungi questo codice nel tag <head> -->
  <script 
    src="https://web-monitor-eta.vercel.app/tracker.min.js" 
    data-site-id="9387392782729383"
    async
  ></script>

Importante: ambito di monitoraggio

Pagine singole: Se inserisci lo script in una pagina specifica, il monitoraggio sarà limitato solo a quella pagina.
Framework (React, Vue, Next.js, Laravel): Inserendo lo script nel layout principale dell'applicazione, il monitoraggio sarà attivo su tutte le pagine automaticamente.

Funzionalità

Monitoraggio Prestazioni

Traccia i tempi di caricamento, l'utilizzo delle risorse e le metriche web vitali in tempo reale.

// Le metriche di prestazione sono raccolte automaticamente
const loadTime = performance.now();

Tracciamento Errori

Cattura e analizza gli errori JavaScript con tracce dettagliate.

// Gli errori sono catturati automaticamente
window.onerror = function(msg, url, line) {
  // Dettagli errore inviati alla dashboard
};

Monitoraggio Console

Monitora gli output della console per individuare avvisi e debug.

// I log della console sono tracciati
console.log('Messaggio debug');
console.error('Messaggio errore');

Ottimizzazione Risorse

Identifica opportunità per ottimizzare immagini e risorse.

// Suggerimenti ottimizzazione immagini
const image = new Image();
image.onload = checkDimensions;