✅ Comment fonctionne Analytics.JS - Vous devez savoir (3 étapes utiles)

Comment ajouter analytics.js à votre site

Analytics.JS - Chaque analyste doit avoir une bonne connaissance de deux compétences de base pour devenir un expert dans le domaine de l'analyse numérique. Une statistique et l'autre JavaScript.

JavaScript est le langage de programmation le plus utile.

Toutes les mesures ou balises sont écrites en JavaScript. JavaScript est utilisé pour contrôler le comportement des navigateurs HTML, CSS et Web.

Google analytics.js est une bibliothèque JavaScript utilisée pour mesurer la façon dont les utilisateurs interagissent avec votre site Web. Il s'agit d'une bibliothèque héritée. Si vous utilisez Google Analytics, vous devez utiliser la dernière bibliothèque de suivi analytics.js.

Comment ajouter analytics.js à votre site

Il existe trois façons d'ajouter du JavaScript à un document HTML.

JavaScript en ligne
JavaScript intégré
JavaScript externe

La façon la plus simple de commencer avec analytics.js est d'ajouter le code à votre modèle de site. Le script doit être ajouté dans la balise et l'ID de suivi doit être fourni à la place de la chaîne des analyses Google que vous souhaitez suivre.

JavaScript en ligne

JavaScript en ligne est celui ajouté à la balise HTML

Par exemple

….

«Cliquez» dans cet exemple est un gestionnaire d'événements utilisé dans JavaScript en ligne.

JavaScript intégré

JavaScript intégré est ajouté au document HTML. Il utilise la balise mais sans l'attribut 'src'.

Un exemple simple est donné ci-dessous

fonction accueillir () (

alerte ('salut);

)

Le texte de la police en italique est du code JavaScript.

JavaScript externe

Le JavaScript externe est ajouté au document HTML à l'aide d'une balise avec l'attribut src.

L'exemple est

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

Le JavaScript externe est la meilleure méthode à utiliser car il présente les avantages suivants par rapport aux deux autres méthodes.

Il n'interfère pas avec les autres codes de la page
Il est facile à entretenir, à comprendre et à utiliser
Il peut accélérer le temps de chargement des pages

Des personnalisations peuvent également être apportées à l'extrait de code JavaScript Tracking. Le code qui charge analyticcs.js et démarre la fonction ga () ne doit pas être modifié.

Que fait l'extrait de suivi?

En ajoutant l'un des extraits de suivi mentionnés ci-dessus, vous pouvez obtenir des pages vues pour chaque page visitée par vos utilisateurs. Google Analytics peut vous fournir des informations concernant

Le temps passé sur chaque utilisateur de votre site
Le temps passé par chaque utilisateur sur chaque page et dans quel ordre ils ont navigué entre les pages
Quels sont les liens internes sur lesquels les utilisateurs ont cliqué

Lorsqu'un nouveau tracker est créé à l'aide d'analytics.js, il est utilisé pour découvrir les éléments suivants

Localisation géographique de l'utilisateur
Par quel système d'exploitation ou navigateur ils ont visité votre site
Quelle est leur taille d'écran et s'ils ont installé Java ou Flash
Leur site référent

Déclarations JavaScript

L'instruction JavaScript est une instruction qui est exécutée par les navigateurs Web. Chaque instruction JavaScript doit se terminer par un point-virgule. Le code de suivi Google Analytics contient un tas d'instructions JavaScript. Un exemple est donné ci-dessous.

Ordre d'exécution

Les instructions JavaScript sont exécutées de haut en bas dans l'ordre où elles sont écrites.

Si l'ordre est modifié, le code se comportera différemment ou cessera de fonctionner.

JavaScript et espaces blancs

JS ignore plusieurs espaces blancs. Il est toujours recommandé d'ajouter des espaces autour des opérateurs pour augmenter la lisibilité du code. Des espaces supplémentaires s'ils sont utilisés dans une chaîne peuvent créer des problèmes.

Commentaires en JavaScript

Les commentaires sont utilisés pour ajouter une note à un JavaScript. Il existe 2 types principaux - Commentaire sur une seule ligne et sur plusieurs lignes.

Le commentaire sur une seule ligne commence par deux barres obliques. Un exemple est donné ci-dessous

ga («créer», «UA-XXXX-Y», «auto»); // crée un tracker

Le commentaire sur plusieurs lignes commence par / * et se termine par * /. Un exemple est donné ci-dessous

Les commentaires sont également utilisés pour empêcher l'exécution d'une instruction.

Variables JavaScript

Créer une variable en JavaScript est connu comme déclarer une variable. Les variables sont utilisées pour stocker des valeurs. Les variables peuvent être créées en JavaScript à l'aide du mot-clé 'var'. Il est recommandé de créer des variables au début d'un code.

var_gaq; // crée une variable et nommez-la _gaq

Vous pouvez également affecter une valeur à la variable. Pour utiliser la valeur de la variable, vous devez utiliser le nom de la variable sans l'inclure dans les guillemets. Si vous l'incluez dans les guillemets, il est considéré comme une chaîne.

Nommer des variables JavaScript

Il existe six caractéristiques importantes des noms de variables en JavaScript

Ils sont sensibles à la casse

var pagetracker;

var Pagetracker;

Les noms de variable peuvent être alphanumériques

var alpha46;

Les espaces ne sont pas autorisés dans un nom de variable

var prénom = 'Nirmal'; // pas valide

Il est recommandé d'utiliser des minuscules pour les noms de variables
Les caractères spéciaux ne sont pas autorisés dans un nom de variable sauf $ et le trait de soulignement

var prénom = "Nirmal"; // le tiret n'est pas autorisé

var_first name = "Peter"; // le soulignement est autorisé

Le nom de variable ne peut pas commencer par un nombre

var 46alpha;

Le nom de variable ne peut pas être un nom de mot clé
Il est préférable d'utiliser un trait de soulignement ou un chameau pour séparer les mots du nom de variable

Mots clés JavaScript

Le mot-clé est un mot qui a une signification particulière

Voici quelques-uns des mots clés utilisés en JavaScript

var
une fonction
revenir
pour
vrai
faux
si

Valeurs JavaScript

Les variables sont utilisées pour stocker les valeurs de tout type de données. Il peut inclure le type de données suivant

Valeur numérique
Valeur de chaîne
Valeur booléenne
Valeur indéfinie
Valeur nulle
Array
Objet
Tableau d'objets

Chaînes en JavaScript

La chaîne est une série de caractères de n'importe quelle longueur. Les chaînes doivent être écrites entre guillemets simples ou doubles.

var name = 'Nirmal Sharma';

Une chaîne peut être n'importe quel caractère, y compris les espaces blancs. Les nombres sont également considérés comme une chaîne s'ils sont inclus entre guillemets simples ou doubles.

Vous pouvez utiliser une barre oblique inverse pour utiliser des guillemets à l'intérieur d'une chaîne qui correspondent aux guillemets à l'extérieur de la chaîne.

Tableaux JavaScript

Le tableau est une variable spéciale qui est utilisée pour stocker plusieurs éléments de types de données identiques ou variés.

Les tableaux peuvent être des chaînes, des valeurs numériques, des valeurs non définies, une valeur booléenne, d'autres tableaux ou objets.

Un tableau peut être créé à l'aide de la fonction 'new Array ()' ou via la notation littérale du tableau.

Des exemples sont énumérés ci-dessous

var bus = new Array ();

var bus = ();

Objets en JavaScript

L'objet est une autre variable spéciale qui contient des propriétés et des méthodes. La propriété in object peut être une chaîne ou un identifiant.

Datalayer est un exemple de tableau avec un ou plusieurs objets. La syntaxe de création d'objet est mentionnée ci-dessous

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

Fonctions en JavaScript

La fonction est un ensemble de codes qui est utilisé pour effectuer une tâche spécifique lors de son exécution. Une fonction doit être appelée pour être exécutée. Le mot-clé utilisé pour créer une fonction en JavaScript est «fonction».

La structure de création de fonction est la suivante

fonction (paramètre1, paramètre2, ….) (

Déclaration de script Java10

Déclaration de script Java11

Déclaration de script JavaN

)

Les paramètres sont des noms répertoriés pour définir une fonction. Les arguments sont les valeurs pour appeler une fonction particulière.

Fonction 'ga'

«ga» est la fonction intégrée de Google Analytics. Il effectue de nombreuses tâches dans Google Analytics. Le premier argument de la fonction 'ga' est une commande. C'est expliqué dans l'image ci-dessous

Chaque fonction n'a qu'un nombre particulier de paramètres autorisés à être ajoutés.

Chaque fonction ne peut accepter que certains types de données.

Points importants à retenir

Utiliser une structure ou un agencement correct pour toutes les fonctions
Utiliser uniquement les méthodes ou fonctions actives trouvées
N'ajoutez jamais de devis inutilement
Consultez la documentation

Comment fonctionne analytics.js

La file d'attente de commandes ga

La fonction ga est également appelée la file d'attente de commandes car elle n'exécute pas les commandes immédiatement et elle ajoute les commandes à la file d'attente pour l'exécuter jusqu'à ce que la bibliothèque soit entièrement chargée.

En JavaScript, les fonctions sont autrement appelées objets car elles contiennent également des propriétés. L'extrait de suivi définit une propriété aq sur la fonction ga () qui agit comme un tableau vide.

Ajout de commandes à la file d'attente

Tous les appels à la file d'attente de la fonction ga () partagent une caractéristique commune. La commande qui agit comme premier paramètre est une chaîne qui aide à identifier une méthode analytics.js particulière. Tout paramètre supplémentaire est considéré comme un argument passant par la méthode.

Le terme méthode indique ici soit une méthode globale comme «créer» ou une méthode d'instance comme «envoyer». Si la file d'attente de commandes ga () obtient une commande, elle appelle automatiquement la fonction ga () car elle ne renverra aucune erreur.

Paramètres de commande

La plupart des commandes et des méthodes dans analytics.js acceptent des paramètres dans un type de format différent. Cela permet de passer facilement des champs couramment utilisés à des méthodes particulières.

Par exemple, prenez les deux commandes ci-dessous

ga ('créer', 'UA-XXXXX-Y', 'auto');

ga ('envoyer', 'page vue');

Dans la première commande «créer», il accepte les champs «trackingId», «cookieDomain» et «name». Dans la deuxième commande «send», elle accepte le deuxième paramètre hitType en option.

Toutes les commandes utilisent un paramètre «fieldsObject» qui peut être utilisé pour spécifier des champs.

Création de trackers

Les trackers sont des objets qui peuvent collecter et stocker des données. Il peut ensuite envoyer ces données à Google Analytics. Pour créer un nouveau tracker, vous devez spécifier un ID de suivi et un domaine de cookies qui seront utilisés pour spécifier comment les cookies doivent être stockés.

Si pour un domaine particulier un cookie n'existe pas, alors pour ce domaine un nouvel ID client est créé et stocké dans le cookie. Ici, l'utilisateur est reconnu comme nouveau. Si un ID client existe déjà pour ce domaine, l'utilisateur est reconnu comme retournant.

Une fois qu'il est créé, les objets de suivi commencent à collecter des informations sur le contenu de navigation, telles que le titre de la page et l'URL, la résolution d'écran, la taille de la fenêtre d'affichage, etc. Plus tard, lorsque le besoin s'en fait sentir, le traqueur envoie toutes les informations stockées à Google Analytics.

Créer une méthode

Analytics.js propose différentes façons de créer des suiveurs, mais la manière la plus fréquemment utilisée est la commande «créer» et les champs ID de suivi et domaine de cookie sont utilisés comme deuxième et troisième paramètres. Un exemple est donné ci-dessous

ga ('créer', 'UA-XXXXX-Y', 'auto');

Suivi des noms

Vous pouvez nommer le tracker en utilisant le champ de nom comme quatrième argument de la commande create. Il est indispensable de nommer le tracker lorsqu'il y a plus d'un tracker sur une seule page. Un tracker sans champ de nom est connu comme le tracker par défaut et il est attribué en interne avec le nom «t0».

ga ('créer', 'UA-XXXXX-Y', 'auto', 'myTracker');

Spécification des champs au moment de la création

Un autre objet Champs peut également être ajouté, ce qui vous permet de définir l'un des champs au moment de la création. Ils seront stockés sur le tracker et appliqués à tous les hits envoyés. L'objet champs peut être utilisé pour spécifier tous les champs lors de l'appel des fonctions ga ().

Travailler avec plusieurs trackers

Lorsqu'il existe plusieurs propriétaires pour un site, vous devez envoyer des données à plusieurs propriétés à partir d'une seule page. Dans de tels cas, vous devez créer deux trackers distincts et l'un doit être un tracker nommé.

Pour exécuter les commandes d'un tracker spécifique, vous devez toujours préfixer le nom de la commande avec le nom du tracker qui doit être suivi d'un point. La commande pour envoyer des pages vues est donnée ci-dessous

ga ('envoyer', 'page vue');

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

Conseils importants à retenir sur le code de suivi Google Analytics

Chaque page de votre site doit contenir le code de suivi Google Analytics (GATC)
Vous ne devez pas copier-coller le GATC à partir d'un document
Il est recommandé d'éviter la personnalisation de GATC car cela cassera le code et par conséquent le code cessera de fonctionner
Essayez d'éviter d'utiliser plusieurs versions du code GATC car il devient peu fiable pour les utilisateurs. Utilisez une seule version de GATC sur une page à la fois.
Insérez le GATC dans la section d'en-tête de la page de votre site.
Assurez-vous que vous ajoutez le GATC correct qui appartient à ce site particulier
Même si vous placez le GATC dans un fichier externe, Google Analytics collectera les données
Une fois le code GATC exécuté, il envoie une réponse HTTP au serveur GA

Conclusion

Nous savons maintenant comment démarrer facilement avec analytics.js. Il y a aussi beaucoup plus à explorer sur analytics.js. Les informations que vous collectez peuvent être utilisées pour améliorer vos campagnes marketing et développer votre site Web pour offrir la meilleure expérience utilisateur.