Analytics.JS - Jeder Analyst sollte über gute Kenntnisse in zwei Kernkompetenzen verfügen, um ein Experte auf dem Gebiet der digitalen Analytik zu werden. Eine Statistik und das andere JavaScript.

JavaScript ist die nützlichste Programmiersprache.

Alle Messungen oder Tags sind in JavaScript geschrieben. JavaScript wird verwendet, um das Verhalten von HTML-, CSS- und Webbrowsern zu steuern.

Google analytics.js ist eine JavaScript-Bibliothek, mit der die Interaktion der Nutzer mit Ihrer Website gemessen wird. Dies ist eine alte Bibliothek. Wenn Sie Google Analytics verwenden, sollten Sie die neueste Tracking-Bibliothek analytics.js verwenden.

So fügen Sie Ihrer Website analytics.js hinzu

Es gibt drei Möglichkeiten, einem HTML-Dokument JavaScript hinzuzufügen.

  • Inline JavaScript
  • Eingebettetes JavaScript
  • Externes JavaScript

Am einfachsten beginnen Sie mit analytics.js, indem Sie den Code zu Ihrer Websitevorlage hinzufügen. Das Skript sollte innerhalb des Tags hinzugefügt und die Tracking-ID anstelle der Zeichenfolge der Google Analytics angegeben werden, die Sie verfolgen möchten.

Inline JavaScript

Inline-JavaScript wird dem HTML-Tag hinzugefügt

Beispielsweise

…

"Click" in diesem Beispiel ist eine Ereignisbehandlungsroutine, die in Inline-JavaScript verwendet wird.

Eingebettetes JavaScript

Eingebettetes JavaScript wird dem HTML-Dokument hinzugefügt. Es verwendet das Tag, jedoch ohne das Attribut 'src'.

Ein einfaches Beispiel ist unten angegeben

Funktion greet () (

wachsam ('hi);

)

Der kursive Text ist JavaScript-Code.

Externes JavaScript

Externes JavaScript wird dem HTML-Dokument mit dem Tag mit dem Attribut src hinzugefügt.

Beispiel ist

script type = "text / javascript" src = "minescript.js">

Externes JavaScript ist die beste Methode, da es die folgenden Vorteile gegenüber den beiden anderen Methoden bietet.

  1. Die anderen Codes auf der Seite werden nicht beeinträchtigt
  2. Es ist leicht zu pflegen, zu verstehen und zu verwenden
  3. Dies kann die Ladezeit der Seiten beschleunigen

Anpassungen können auch am JavaScript-Tracking-Snippet vorgenommen werden. Der Code, der die Datei analyticcs.js lädt und die Funktion ga () startet, sollte nicht geändert werden.

Was macht das Tracking-Snippet?

Durch Hinzufügen eines der oben genannten Tracking-Snippets können Sie Seitenaufrufe für jede Seite abrufen, die Ihre Benutzer besuchen. Google Analytics kann Ihnen Informationen zu geben

  • Die für jeden Benutzer auf Ihrer Website aufgewendete Zeit
  • Die Zeit, die jeder Benutzer auf jeder Seite verbringt und in welcher Reihenfolge er zwischen den Seiten navigiert hat
  • Welche internen Links wurden von den Benutzern angeklickt?

Wenn mit analytics.js ein neuer Tracker erstellt wird, wird dies verwendet, um Folgendes herauszufinden

  • Geografischer Standort des Nutzers
  • Über welches Betriebssystem oder welchen Browser sie Ihre Site besucht haben
  • Was ist ihre Bildschirmgröße und ob sie Java oder Flash installiert haben
  • Ihre verweisende Seite

JavaScript-Anweisungen

Die JavaScript-Anweisung ist eine Anweisung, die von den Webbrowsern ausgeführt wird. Jede JavaScript-Anweisung sollte mit einem Semikolon enden. Der Tracking-Code von Google Analytics enthält eine Reihe von JavaScript-Anweisungen. Ein Beispiel ist unten angegeben.

Reihenfolge der Ausführung

JavaScript-Anweisungen werden von oben nach unten in der Reihenfolge ausgeführt, in der sie geschrieben wurden.

Wenn die Reihenfolge geändert wird, verhält sich der Code entweder anders oder funktioniert nicht mehr.

JavaScript und Leerzeichen

JS ignoriert mehrere Leerzeichen. Es wird immer empfohlen, um die Operatoren Leerzeichen einzufügen, um die Lesbarkeit des Codes zu verbessern. Zusätzliche Leerzeichen in einer Zeichenfolge können zu Problemen führen.

Kommentare in JavaScript

Kommentare werden verwendet, um eine Notiz zu einem JavaScript hinzuzufügen. Es gibt 2 Haupttypen - einzeilige und mehrzeilige Kommentare.

Einzeiliger Kommentar beginnt mit zwei Schrägstrichen. Ein Beispiel ist unten angegeben

ga ('create', 'UA-XXXX-Y', 'auto'); // Erstellt einen Tracker

Mehrzeiliger Kommentar beginnt mit / * und endet mit * /. Ein Beispiel ist unten angegeben

Kommentare werden auch verwendet, um die Ausführung einer Anweisung zu stoppen.

JavaScript-Variablen

Das Erstellen einer Variablen in JavaScript wird als Deklarieren einer Variablen bezeichnet. Variablen werden zum Speichern von Werten verwendet. Variablen können in JavaScript mit dem Schlüsselwort 'var' erstellt werden. Es wird empfohlen, Variablen am Anfang eines Codes zu erstellen.

var_gaq; // Erstelle eine Variable und nenne sie _gaq

Sie können der Variablen auch einen Wert zuweisen. Um den Wert der Variablen zu verwenden, sollten Sie den Variablennamen verwenden, ohne ihn in die Anführungszeichen einzufügen. Wenn Sie es in die Anführungszeichen einfügen, wird es als Zeichenfolge betrachtet.

Benennung von JavaScript-Variablen

In JavaScript gibt es sechs wichtige Merkmale von Variablennamen

  • Sie sind case sensitive

var pagetracker;

var Pagetracker;

  • Variablennamen können alphanumerisch sein

var alpha46;

  • Leerzeichen sind in einem Variablennamen nicht zulässig

var Vorname = 'Nirmal'; // ungültig

  • Es wird empfohlen, für Variablennamen Kleinbuchstaben zu verwenden
  • Sonderzeichen sind in einem Variablennamen mit Ausnahme von $ und Unterstrich nicht zulässig

var Vorname = "Nirmal"; // Bindestrich ist nicht erlaubt

var_first name = "Peter"; // Unterstrich ist erlaubt

  • Variablenname darf nicht mit einer Zahl beginnen

var 46alpha;

  • Variablenname darf kein Schlüsselwortname sein
  • Verwenden Sie am besten einen Unterstrich oder eine Kamelschale, um Wörter im Variablennamen zu trennen

JavaScript-Schlüsselwörter

Stichwort ist ein Wort, das eine besondere Bedeutung hat

Im Folgenden sind einige der in JavaScript verwendeten Schlüsselwörter aufgeführt

  • var
  • Funktion
  • Rückkehr
  • zum
  • wahr
  • falsch
  • wenn

JavaScript-Werte

Variablen werden zum Speichern von Werten beliebiger Datentypen verwendet. Es kann den folgenden Datentyp enthalten

  • Zahlenwert
  • String-Wert
  • Boolescher Wert
  • Undefinierter Wert
  • Nullwert
  • Array
  • Objekt
  • Array von Objekten

Zeichenfolgen in JavaScript

String ist eine Folge von Zeichen beliebiger Länge. Zeichenfolgen müssen in einfachen oder doppelten Anführungszeichen geschrieben werden.

var name = 'Nirmal Sharma';

Eine Zeichenfolge kann ein beliebiges Zeichen sein, einschließlich Leerzeichen. Zahlen werden auch als Zeichenfolge betrachtet, wenn sie in einfachen oder doppelten Anführungszeichen enthalten sind.

Sie können einen umgekehrten Schrägstrich verwenden, um Anführungszeichen in einer Zeichenfolge zu verwenden, die mit den Anführungszeichen außerhalb der Zeichenfolge übereinstimmen.

JavaScript-Arrays

Array ist eine spezielle Variable, die zum Speichern mehrerer Elemente desselben oder unterschiedlicher Datentypen verwendet wird.

Arrays können Strings, numerische Werte, undefinierte Werte, Boolesche Werte, andere Arrays oder Objekte sein.

Das Array kann mit der Funktion 'new Array ()' oder in Array-Literal-Notation erstellt werden.

Beispiele sind unten aufgeführt

var bus = new Array ();

var bus = ();

Objekte in JavaScript

Object ist eine weitere spezielle Variable, die Eigenschaften und Methoden enthält. In der Objekteigenschaft kann es sich um eine Zeichenfolge oder einen Bezeichner handeln.

Die Datenebene ist ein Beispiel für ein Array mit einem oder mehreren Objekten. Die Syntax zum Erstellen eines Objekts ist unten angegeben

ObjectName = ('property10': value10, 'property11': value11, … .. 'propertyN': valueN);

Funktionen in JavaScript

Function ist ein Satz von Code, mit dem eine bestimmte Aufgabe ausgeführt wird, wenn sie ausgeführt wird. Eine Funktion muss aufgerufen werden, um ausgeführt zu werden. Das Schlüsselwort zum Erstellen einer Funktion in JavaScript lautet 'function'.

Die Struktur zum Erstellen der Funktion ist wie folgt

Funktion (Parameter1, Parameter2, ….) (

Java Script Statement10

Java Script Statement11

Java Script StatementN

)

Parameter sind die aufgelisteten Namen, um eine Funktion zu definieren. Argumente sind die Werte zum Aufrufen einer bestimmten Funktion.

'ga'-Funktion

"ga" ist die in Google Analytics integrierte Funktion. Es führt viele Aufgaben in Google Analytics aus. Das erste Argument der Funktion 'ga' ist ein Befehl. Es wird im Bild unten erklärt

Zu jeder Funktion kann nur eine bestimmte Anzahl von Parametern hinzugefügt werden.

Jede Funktion kann nur bestimmte Datentypen akzeptieren.

Wichtige Punkte zu beachten

  • Verwenden Sie für alle Funktionen die richtige Struktur oder Anordnung
  • Verwenden Sie nur die aktiven Methoden oder Funktionen, die Sie gefunden haben
  • Fügen Sie niemals unnötigerweise Anführungszeichen hinzu
  • Lesen Sie die Dokumentation

Wie funktioniert analytics.js?

  • Die ga-Befehlswarteschlange

Die Funktion ga wird auch als Befehlswarteschlange bezeichnet, da sie die Befehle nicht sofort ausführt und die Befehle der Warteschlange hinzufügt, um sie auszuführen, bis die Bibliothek vollständig geladen ist.

In JavaScript werden Funktionen auch als Objekte bezeichnet, da sie auch Eigenschaften enthalten. Das Tracking-Snippet definiert die Eigenschaft aq für die Funktion ga (), die als leeres Array fungiert.

  • Hinzufügen von Befehlen zur Warteschlange

Alle Aufrufe der Funktionswarteschlange ga () haben eine gemeinsame Funktion. Der Befehl, der als erster Parameter fungiert, ist eine Zeichenfolge, mit deren Hilfe eine bestimmte analytics.js-Methode identifiziert werden kann. Alle zusätzlichen Parameter werden als Argumente betrachtet, die durch die Methode gelangen.

Der Begriff Methode bezeichnet hier entweder eine globale Methode wie 'create' oder eine Instanzmethode wie 'send'. Wenn die ga () -Befehlswarteschlange einen Befehl erhält, ruft sie automatisch die ga () -Funktion auf, da sie keinen Fehler zurückgibt.

  • Befehlsparameter

Die meisten Befehle und Methoden in analytics.js akzeptieren Parameter in unterschiedlichen Formaten. Dies erleichtert die Übergabe häufig verwendeter Felder an bestimmte Methoden.

Nehmen Sie zum Beispiel die beiden folgenden Befehle

ga ('create', 'UA-XXXXX-Y', 'auto');

ga ('send', 'pageview');

Im ersten Befehl 'create' werden die Felder 'trackingId', 'cookieDomain' und 'name' akzeptiert. Im zweiten Befehl 'send' wird der zweite Parameter hitType als Option akzeptiert.

Alle Befehle übernehmen einen 'fieldsObject'-Parameter, mit dem beliebige Felder angegeben werden können.

Tracker erstellen

Tracker sind Objekte, die Daten sammeln und speichern können. Diese Daten können dann an Google Analytics gesendet werden. Um einen neuen Tracker zu erstellen, müssen Sie eine Tracking-ID und eine Cookie-Domain angeben, anhand derer festgelegt wird, wie Cookies gespeichert werden sollen.

Wenn für eine bestimmte Domain kein Cookie vorhanden ist, wird für diese Domain eine neue Client-ID erstellt und im Cookie gespeichert. Hier wird der Benutzer als neu erkannt. Wenn für diese Domain bereits eine Client-ID vorhanden ist, wird der Benutzer als wiederkehrend erkannt.

Sobald Tracker-Objekte erstellt sind, beginnen sie mit dem Sammeln von Informationen zum Browsing-Inhalt, wie z. B. Seitentitel und URL, Bildschirmauflösung, Ansichtsfenstergröße und andere. Bei Bedarf sendet der Tracker später alle gespeicherten Informationen an Google Analytics.

  • Methode erstellen

Analytics.js bietet verschiedene Möglichkeiten zum Erstellen von Trackern. Am häufigsten wird jedoch der Befehl "create" verwendet. Die Felder für die Tracking-ID und die Cookie-Domain werden als zweiter und dritter Parameter verwendet. Ein Beispiel ist unten angegeben

ga ('create', 'UA-XXXXX-Y', 'auto');

  • Tracker benennen

Sie können den Tracker benennen, indem Sie das Namensfeld als viertes Argument im Befehl create verwenden. Es ist ein Muss, den Tracker zu benennen, wenn eine Seite mehr als einen Tracker enthält. Ein Tracker ohne Namensfeld wird als Standard-Tracker bezeichnet und ihm wird intern der Name „t0“ zugewiesen.

ga ('create', 'UA-XXXXX-Y', 'auto', 'myTracker');

Felder beim Erstellen angeben

Es kann auch ein anderes Fields-Objekt hinzugefügt werden, mit dem Sie jedes der Felder zum Zeitpunkt der Erstellung festlegen können. Sie werden im Tracker gespeichert und auf alle gesendeten Treffer angewendet. Das fields-Objekt kann verwendet werden, um alle Felder beim Aufrufen der ga () -Funktionen anzugeben.

Arbeiten mit mehreren Trackern

Wenn es für eine Site mehr als einen Eigentümer gibt, müssen Sie Daten von einer einzigen Seite an mehrere Eigenschaften senden. In solchen Fällen müssen Sie zwei separate Tracker erstellen und einer sollte ein benannter Tracker sein.

Um die Befehle für einen bestimmten Tracker auszuführen, müssen Sie dem Befehlsnamen immer den Trackernamen voranstellen, dem ein Punkt folgen muss. Der Befehl zum Senden von Seitenaufrufen ist unten angegeben

ga ('send', 'pageview');

ga ('clientTracker.send', 'pageview');

Wichtige Tipps für den Google Analytics-Tracking-Code

  • Jede Seite Ihrer Website sollte Google Analytics Tracking Code (GATC) enthalten.
  • Sie sollten den GATC nicht aus einem Dokument kopieren, sondern einfügen
  • Es wird empfohlen, die Anpassung von GATC zu vermeiden, da dies den Code beschädigt und der Code daher nicht mehr funktioniert
  • Vermeiden Sie die Verwendung mehrerer Versionen von GATC-Code, da dieser für die Benutzer unzuverlässig wird. Verwenden Sie jeweils eine einzelne Version von GATC auf einer Seite.
  • Fügen Sie den GATC in den Kopfbereich der Seite Ihrer Site ein.
  • Stellen Sie sicher, dass Sie den richtigen GATC hinzufügen, der zu dieser bestimmten Site gehört
  • Auch wenn Sie das GATC in eine externe Datei einfügen, sammelt Google Analytics die Daten
  • Sobald der GATC-Code ausgeführt wurde, sendet er eine HTTP-Antwort an den GA-Server

Fazit

Jetzt wissen wir nur, wie Sie einfach mit analytics.js beginnen können. Über analytics.js gibt es noch viel mehr zu entdecken. Die von Ihnen gesammelten Informationen können zur Verbesserung Ihrer Marketingkampagnen und zur Entwicklung Ihrer Website verwendet werden, um eine optimale Nutzererfahrung zu erzielen.

Empfohlener Artikel

  1. HTML5 vs Flash - Was ist besser
  2. Programmierkonzepte - Ein perfekter Leitfaden für neue Programmierer
  3. Was sind die Vor- und Nachteile von Python?
  4. 6 Dinge, die Ihre Analytics-Software vor Ihnen verbirgt

Kategorie:

Software-Entwicklung