Analytics.JS: todo analista debe tener un buen conocimiento de dos habilidades básicas para convertirse en un experto en el campo de la analítica digital. Una estadística y la otra JavaScript.

JavaScript es el lenguaje de programación más útil.

Todas las medidas o etiquetas están escritas en JavaScript. JavaScript se utiliza para tener un control sobre el comportamiento de HTML, CSS y navegadores web.

Google analytics.js es una biblioteca de JavaScript que se utiliza para medir cómo interactúan los usuarios con su sitio web. Esta es una biblioteca heredada. Si está utilizando Google Analytics, debe utilizar la última biblioteca de seguimiento analytics.js.

Cómo agregar analytics.js a su sitio

Hay tres formas de agregar JavaScript a un documento HTML.

  • JavaScript en línea
  • JavaScript incrustado
  • JavaScript externo

La forma más fácil de comenzar con analytics.js es agregar el código a la plantilla de su sitio. El script debe agregarse dentro de la etiqueta y la ID de seguimiento debe proporcionarse en lugar de la cadena de análisis de Google que desea rastrear.

JavaScript en línea

JavaScript en línea es el que se agrega a la etiqueta HTML

Por ejemplo

…

'Hacer clic' en este ejemplo es un controlador de eventos que se utiliza en JavaScript en línea.

JavaScript incrustado

JavaScript incorporado se agrega al documento HTML. Utiliza la etiqueta pero sin el atributo 'src'.

Un ejemplo simple se da a continuación

función saludar () (

alerta ('hola);

)

El texto de fuente en cursiva es código JavaScript.

JavaScript externo

Se agrega JavaScript externo al documento HTML mediante la etiqueta con el atributo src.

Ejemplo es

tipo de script = "texto / javascript" src = "minescript.js">

JavaScript externo es el mejor método para usar, ya que tiene las siguientes ventajas sobre los otros dos métodos.

  1. No interfiere con los otros códigos de la página.
  2. Es fácil de mantener, entender y usar.
  3. Puede acelerar el tiempo de carga de las páginas.

También se pueden realizar personalizaciones en el fragmento de seguimiento de JavaScript. El código que carga analyticcs.js e inicia la función ga () no debe cambiarse.

¿Qué hace el fragmento de seguimiento?

Al agregar cualquiera de los fragmentos de seguimiento mencionados anteriormente, puede obtener vistas de página para cada página que visitan sus usuarios. Google Analytics puede brindarle información sobre

  • El tiempo dedicado a cada usuario en su sitio
  • El tiempo que pasa cada usuario en cada página y en qué orden han navegado entre las páginas.
  • ¿Cuáles son los enlaces internos en los que los usuarios hicieron clic?

Cuando se crea un nuevo rastreador usando analytics.js, se usa para descubrir lo siguiente

  • Ubicación geográfica del usuario.
  • A través de qué sistema operativo o navegador han visitado su sitio
  • ¿Cuál es el tamaño de su pantalla y si han instalado Java o Flash?
  • Su sitio de referencia

Declaraciones JavaScript

La declaración de JavaScript es una instrucción que es ejecutada por los navegadores web. Cada declaración de JavaScript debe terminar con un punto y coma. El código de seguimiento de Google Analytics contiene un montón de declaraciones de JavaScript. Un ejemplo se da a continuación.

Orden de ejecución

Las declaraciones de JavaScript se ejecutan de arriba a abajo en el orden en que se escriben.

Si se cambia el orden, el código se comportará de manera diferente o dejará de funcionar.

JavaScript y espacios en blanco

JS ignora múltiples espacios en blanco. Siempre se recomienda agregar espacios alrededor de los operadores para aumentar la legibilidad del código. Los espacios adicionales si se usan en una cadena pueden crear problemas.

Comentarios en JavaScript

Los comentarios se utilizan para agregar una nota a un JavaScript. Hay 2 tipos principales: comentario de línea simple y de línea múltiple.

El comentario de una sola línea comienza con dos barras diagonales. A continuación se da un ejemplo.

ga ('crear', 'UA-XXXX-Y', 'auto'); // crea un rastreador

El comentario de varias líneas comienza con / * y termina con * /. A continuación se da un ejemplo.

Los comentarios también se utilizan para detener la ejecución de una declaración.

Variables de JavaScript

Crear variable en JavaScript se conoce como declarar una variable. Las variables se utilizan para almacenar valores. Las variables se pueden crear en JavaScript utilizando la palabra clave 'var'. Se recomienda crear variables al comienzo de un código.

var_gaq; // crea una variable y nómbrala _gaq

También puede asignar un valor a la variable. Para usar el valor de la variable, debe usar el nombre de la variable sin incluirlo dentro de las comillas. Si lo incluye entre comillas, entonces se considera como una cadena.

Nombrar variables de JavaScript

Hay seis características importantes de los nombres de variables en JavaScript

  • Son sensibles a mayúsculas y minúsculas

rastreador de páginas var;

var Pagetracker;

  • Los nombres de las variables pueden ser alfanuméricos

var alpha46;

  • No se permiten espacios en un nombre de variable

nombre de pila = 'Nirmal'; // no es válido

  • Se recomienda usar minúsculas para nombres de variables
  • No se permiten caracteres especiales en un nombre de variable excepto $ y guión bajo

var first-name = "Nirmal"; // guión no está permitido

var_first name = "Peter"; // se permite el subrayado

  • El nombre de la variable no puede comenzar con un número

var 46alpha;

  • El nombre de la variable no puede ser un nombre de palabra clave
  • Es mejor usar guiones bajos o de camello para separar las palabras en el nombre de la variable

Palabras clave de JavaScript

Palabra clave es una palabra que tiene un significado especial

Las siguientes son algunas de las palabras clave utilizadas en JavaScript.

  • var
  • función
  • regreso
  • para
  • cierto
  • falso
  • Si

Valores de JavaScript

Las variables se utilizan para almacenar valores de cualquier tipo de datos. Puede incluir el siguiente tipo de datos

  • Valor numérico
  • Valor de cadena
  • Valor booleano
  • Valor indefinido
  • Valor nulo
  • Formación
  • Objeto
  • Matriz de objetos

Cadenas en JavaScript

La cadena es una serie de caracteres de cualquier longitud. Las cadenas deben escribirse entre comillas simples o dobles.

nombre var = 'Nirmal Sharma';

Una cadena puede ser cualquier carácter, incluidos los espacios en blanco. Los números también se consideran como una cadena si se incluye entre comillas, ya sea simple o doble.

Puede usar la barra diagonal inversa para usar comillas dentro de una cadena que coincidan con las comillas fuera de la cadena.

JavaScript matrices

La matriz es una variable especial que se utiliza para almacenar múltiples elementos de tipos de datos iguales o variados.

Las matrices pueden ser cadenas, valores numéricos, valores indefinidos, valores booleanos, otras matrices u objetos.

La matriz se puede crear usando la función 'new Array ()' o mediante notación literal de matriz.

Los ejemplos se enumeran a continuación.

bus var = nueva matriz ();

bus var = ();

Objetos en JavaScript

El objeto es otra variable especial que contiene propiedades y métodos. En la propiedad del objeto puede ser una cadena o identificador.

Datalayer es un ejemplo de matriz con uno o más objetos. La sintaxis para crear objetos se menciona a continuación.

ObjectName = ('propiedad10': valor10, 'propiedad11': valor11, … 'propiedadN': valorN);

Funciones en JavaScript

La función es un conjunto de código que se utiliza para realizar una tarea específica cuando se ejecuta. Es necesario invocar una función para poder ejecutarla. La palabra clave utilizada para crear una función en JavaScript es 'función'.

La estructura para crear la función es la siguiente

función (parámetro1, parámetro2, …) (

Declaración de Java Script10

Declaración de Java Script11

Declaración de secuencia de comandos JavaN

)

Los parámetros son nombres listados para definir una función. Los argumentos son los valores para llamar a una función particular.

Función 'ga'

'ga' es la función integrada de Google Analytics. Realiza muchas tareas en Google Analytics. El primer argumento de la función 'ga' es un comando. Se explica en la imagen a continuación.

Cada función tiene solo un número particular de parámetros que se pueden agregar.

Cada función puede aceptar solo cierto tipo de datos.

Puntos importantes para recordar

  • Utilice la estructura o disposición correcta para todas las funciones.
  • Utilice solo los métodos o funciones activos encontrados
  • Nunca agregue citas innecesariamente
  • Consulte la documentación

¿Cómo funciona analytics.js?

  • La cola de comando ga

La función ga también se denomina cola de comandos, ya que no ejecuta los comandos de inmediato y agrega los comandos a la cola para ejecutarla hasta que la biblioteca esté completamente cargada.

En JavaScript, las funciones también se conocen como objetos, ya que también contiene propiedades. El fragmento de seguimiento define la propiedad aq en la función ga () que actúa como una matriz vacía.

  • Agregar comandos a la cola

Todas las llamadas a la cola de la función ga () comparten una característica común. El comando que actúa como primer parámetro es una cadena que ayuda a identificar un método analytics.js en particular. Cualquier parámetro adicional se considera como argumentos que pasan por el método.

El término método aquí indica un método global como 'crear' o un método de instancia como 'enviar'. Si la cola de comandos ga () obtiene algún comando, llama automáticamente a la función ga () ya que no devolverá ningún error.

  • Parámetros de comando

La mayoría de los comandos y los métodos en analytics.js aceptan parámetros en un tipo diferente de formatos. Esto facilita pasar campos de uso común a métodos particulares.

Por ejemplo, tome los dos comandos a continuación

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

ga ('enviar', 'página vista');

En el primer comando 'crear', acepta los campos 'trackingId', 'cookieDomain' y 'name'. En el segundo comando 'enviar' acepta el segundo parámetro hitType como una opción.

Todos los comandos llevan a cabo un parámetro 'fieldsObject' que se puede usar para especificar cualquier campo.

Crear rastreadores

Los rastreadores son objetos que pueden recopilar y almacenar datos. Luego puede enviar esos datos a Google Analytics. Para crear un nuevo rastreador, debe especificar una ID de seguimiento y un dominio de cookies que se utilizará para especificar cómo deben almacenarse las cookies.

Si para un dominio particular no existe una cookie, entonces para ese dominio se crea una nueva ID de cliente y se almacena en la cookie. Aquí el usuario es reconocido como nuevo. Si ya existe un ID de cliente para ese dominio, se reconoce que el usuario regresa.

Una vez que se crean, los objetos rastreadores comienzan a recopilar información sobre el contenido de navegación, como el título de la página y la URL, la resolución de la pantalla, el tamaño de la vista y otros. Más tarde, cuando surge la necesidad, el rastreador envía toda la información almacenada a Google Analytics.

  • Crear método

Analytics.js ofrece diferentes formas de crear rastreadores, pero la forma más utilizada es el comando 'crear' y el ID de seguimiento y los campos de dominio de cookies se usan como segundo y tercer parámetro. A continuación se da un ejemplo.

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

  • Nombrando rastreadores

Puede nombrar el rastreador utilizando el campo de nombre como cuarto argumento en el comando de creación. Es obligatorio nombrar al rastreador cuando hay más de un rastreador en una sola página. Un rastreador sin un campo de nombre se conoce como rastreador predeterminado y se le asigna internamente el nombre "t0".

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

Especificar campos en el momento de la creación

También se puede agregar otro objeto Campos que le permite establecer cualquiera de los campos en el momento de la creación. Se almacenarán en el rastreador y se aplicarán a todos los hits que se envíen. El objeto de campos se puede utilizar para especificar todos los campos al llamar a las funciones ga ().

Trabajando con múltiples rastreadores

Cuando hay más de un propietario para un sitio, debe enviar datos a varias propiedades desde una sola página. En tales casos, debe crear dos rastreadores separados y uno debe ser un rastreador con nombre.

Para ejecutar los comandos para un rastreador específico, siempre debe anteponer el nombre del comando con el nombre del rastreador que debe ir seguido de un punto. El comando para enviar páginas vistas se da a continuación

ga ('enviar', 'página vista');

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

Consejos importantes para recordar sobre el código de seguimiento de Google Analytics

  • Cada página de su sitio debe contener el Código de seguimiento de Google Analytics (GATC)
  • No debe copiar y pegar el GATC de ningún documento
  • Se recomienda evitar la personalización de GATC ya que romperá el código y como resultado el código dejará de funcionar
  • Intente evitar el uso de múltiples versiones del código GATC, ya que no es confiable para los usuarios. Use una versión única de GATC en una página a la vez.
  • Inserte el GATC dentro de la sección principal de la página de su sitio.
  • Asegúrese de agregar el GATC correcto que pertenece a ese sitio en particular
  • Incluso si coloca el GATC en un archivo externo, Google Analytics recopilará los datos
  • Una vez que se ejecuta el código GATC, envía una respuesta HTTP al servidor GA

Conclusión

Ahora solo sabemos cómo comenzar fácilmente con analytics.js. También hay mucho más por explorar sobre analytics.js. La información que recopila puede utilizarse para mejorar sus campañas de marketing y desarrollar su sitio web para proporcionar la mejor experiencia de usuario.

Artículo recomendado

  1. HTML5 vs Flash -Lo que es mejor
  2. Conceptos de programación: una guía perfecta para nuevos programadores
  3. ¿Cuáles son los beneficios y las limitaciones de usar Python?
  4. 6 cosas que su software de análisis le oculta

Categoría:

Desarrollo de software