So verfolgen Sie JavaScript- und AJAX -Ereignisse mit Google Analytics-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

So verfolgen Sie JavaScript- und AJAX -Ereignisse mit Google Analytics

Feb 16, 2025 am 10:43 AM

How to Track JavaScript and Ajax Events with Google Analytics

Google Analytics: Mastering JavaScript und AJAX -Ereignisverfolgung

Google Analytics ist für das Verständnis des Website -Benutzerverhaltens unabdingbar. In diesem Artikel wird beschrieben, wie Sie seine Macht nutzen können, um wichtige JavaScript- und AJAX -Ereignisse zu verfolgen und wertvolle Erkenntnisse für die Website -Optimierung zu bieten.

Schlüsselkonzepte:

Verfolgung Code -Integration: Der Kern der Google Analytics -Implementierung beinhaltet das Einbetten des Tracking -Code in jeder Webseite. Dieser Code verwendet den Befehl ga, um Ereignisdaten zu übertragen, wenn eine bestimmte JavaScript- oder AJAX -Aktion auftritt.
Erfassungsereignisverfolgung: Über die Standard-Seitenansichten hinaus kann Google Analytics eine Vielzahl von einseitigen Aktivitäten überwachen. Dies beinhaltet Ajax-Anrufe, Videospiele, Datei-Downloads, Social-Media-Interaktionen, clientseitige Interaktionen und Outbound-Klicks-im Wesentlichen ein Ereignis, das keine vollständige Seite auslöst. Diese Ereignisse werden unter Verwendung von Parametern wie Ereigniskategorie, Aktion, Etikett und Wert sorgfältig beschrieben.
Social Media Interaction Tracking: API von Google Social Interaction vereinfacht die Verfolgung von Social -Media -Engagements. Dies erfordert die Angabe des sozialen Netzwerks, des Aktionstyps (z. B. "wie" "Share") und der Ziel -URL.
Datenvisualisierung: verfolgte Ereignisse sind in Google Analytics, insbesondere unter "Verhalten" & gt, leicht zugänglich; Abschnitt "Ereignisse".

Google Analytics einrichten:

Kontoerstellung/Zugriff: Melden Sie sich in Ihrem Google -Konto an oder erstellen Sie eine neue, um auf Google Analytics zuzugreifen.
Eigenschaftsaufbau: Erstellen Sie im Abschnitt "Administrator" ein neues Konto und eine neue Eigenschaft, wobei die URL Ihrer Website bereitgestellt wird. Sie erhalten eine eindeutige Tracking-ID (ua-xxxxx-y).
Implementierung von Verfolgung Code: Google empfiehlt die Verwendung des folgenden JavaScript -Snippets für moderne Browser. Denken Sie daran, UA-XXXXX-Y durch Ihre Tracking -ID zu ersetzen:

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

Nach dem Login kopieren

Fügen Sie diesen Code in die HTML Ihrer Website ein, idealerweise innerhalb des <body> -Tags, kurz vor dem Schluss </body> -Tag, für optimale Leistung.

Event-Tracking mit JavaScript:

Der Standard -Tracking -Code reicht für grundlegende Websites aus. Verwenden Sie jedoch den folgenden JavaScript -Code:

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

Nach dem Login kopieren

oder unter Verwendung eines JavaScript -Objekts für eine bessere Lesbarkeit und Wartbarkeit:

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

Nach dem Login kopieren

eventCategory (erforderlich): Eine breite Kategorie für das Ereignis (z. B. "Videos", "Downloads").
eventAction (erforderlich): Die spezifische Aktion (z. B. "spielen", "Download").
eventLabel (optional): Zusätzliche Kategorisierung (z. B. Kampagnenname).
eventValue (optional): Ein numerischer Wert (z. B. Dateigröße, Videodauer).
transport: 'beacon' (optional): sorgt für eine zuverlässige Verfolgung, auch wenn die Seite geladen wird.

Beispiel: Verfolgung von PDF -Downloads

effizient alle PDF -Downloads mit einem einzelnen Ereignishörer verfolgen:

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

Nach dem Login kopieren

Social Media Interaction Tracking:

Verwenden Sie die API der sozialen Interaktion:

ga('send', {
  hitType: 'event',
  eventCategory: [eventCategory],
  eventAction: [eventAction],
  eventLabel: [eventLabel],
  eventValue: [eventValue],
  transport: 'beacon' // For forms and outbound links
});

Nach dem Login kopieren

oder unter Verwendung eines JavaScript -Objekts:

document.body.addEventListener('click', e =&gt; {
  let t = e.target;
  if (t.href &amp;&amp; t.href.endsWith('.pdf')) {
    ga('send', {
      hitType: 'event',
      eventCategory: 'download',
      eventAction: t.href,
      transport: 'beacon'
    });
  }
}, false);

Nach dem Login kopieren

socialNetwork (erforderlich): Das soziale Netzwerk (z. B. "Facebook", "Twitter").
socialAction (erforderlich): Die Aktion (z. B. "Like" "Share").
socialTarget (erforderlich): Die Ziel -URL.

Anzeigen verfolgter Ereignisse:

Echtzeitdaten sind unter "Echtzeit" & gt verfügbar; "Ereignisse." Umfassendere Daten finden Sie in "Verhalten" & gt; "Ereignisse" nach 24-Stunden-Verzögerung. Wenden Sie sich an die offizielle Dokumentation von Google Analytics, um weitere Einzelheiten zu Ereignisverfolgung und sozialen Interaktionen zu erhalten.

Diese verbesserte Erklärung bietet einen umfassenderen und strukturierteren Leitfaden zur Implementierung von Google Analytics für eine robuste Ereignisverfolgung.

Das obige ist der detaillierte Inhalt vonSo verfolgen Sie JavaScript- und AJAX -Ereignisse mit Google Analytics. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn