Descarga de litlyx - Descargar código fuente litlyx

litlyx

Otro código fuente

vements

Descargar

¿Docios del sitio web? Únase a Discord Pruebe Lightlyx Cloud. Es gratis.

La herramienta de análisis más fresca y amigable para los desarrolladores.
Liqulyx es una solución de análisis de código abierto y autohostable para marcos modernos. ¡La configuración lleva menos de 30 segundos!

Empiece en nuestra versión en la nube

Regístrese en Litlyx.com y cree un proyecto. Luego, simplemente use su proyecto_id para conectar Lightlyx a su sitio web o en sí mismo con Lightlyx con Docker.

Instalación universal

 < script defer data-project =" your_project_id " src =" https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js " > </ script >

La importación de Lightlyx con un script directo comienza a rastrear instantáneamente Page visits , Browsers , Devices , Operating Systems , Bouncing Rate , Real-Time Online Users , Unique Sessions , Countries y Average Session Time .

Todos los tiempos de ejecución de JavaScript

Puede instalar Lightlyx utilizando npm , pnpm , yarn o cualquier administrador de paquetes modernos:

npm i litlyx-js

Liqulyx funciona de forma nativa con todos los marcos JavaScript / TypeScript. Puede usar Lightlyx en todos los sitios web de WordPress inyectando código JS usando un complemento. Lightlyx también funciona en entornos sin servidor con funciones de nube (o borde).

Importar

Importar la biblioteca Lightlyx-JS en su código:

 import { Lit } from 'litlyx-js' ;

Una vez importado, debe inicializar Lightlyx:

 Lit . init ( 'your_project_id' ) ;

Después de la inicialización, Lightlyx rastreará automáticamente los análisis, como Page visits , Browsers , Devices , Operating Systems , Real-Time Online Users , Unique Sessions , Countries y Average Session Time .

Seguimiento de eventos personalizados

No solo estás limitado a los KPI incorporados. Con Lightlyx, puede crear sus propios eventos para rastrear en su proyecto.

 Lit . event ( 'click_on_buy_item' ) ;

Si desea un seguimiento más específico, puede usar el campo metadata , así:

 Lit . event ( 'click_on_buy_item' , {
  metadata : {
    'product-name' : 'Coca-Cola' ,
    'price' : 1.50 ,
    'currency' : 'EUR'
  }
} ) ;

Lightlyx le facilita la adaptación de su análisis a las necesidades de su proyecto.

Dispara tu primer evento con Curl

¿Quiere ver rápidamente cómo funciona Lightx con los eventos? Use el comando curl a continuación para enviar un evento de prueba. Simplemente reemplace el project_id con su ID de proyecto real en su terminal.

curl -X POST " https://broker.litlyx.com/event " 
  -H " Content-Type: application/json " 
  -d ' {
    "pid": "project_id",
    "name": "testEvent1",
    "metadata": "{"test": "something"}",
    "website": "something",
    "userAgent": "something"
  } '

Auto-anfitrión con Docker

Para autoestima el tablero de luces, primero bifurcaba este repositorio.

Luego ejecute el siguiente comando:

docker-compose build

Después de que termina la construcción, ejecute:

docker-compose up

En Localhost: 3000 verá su propia instancia del tablero de luces.

Reenviar datos a su instancia local con la etiqueta de script

Para reenviar sus datos en su instancia autohostada, debe configurar las siguientes variables: agregue su data-host , agregue su data-port y agregue su data-secure , configurándolo en verdadero si es HTTPS y falso si es HTTP.

 < script defer data-project =" your_project_id " 
        data-host =" your-host-name " 
        data-port =" your-port " 
        data-secure =" true/false "
        src =" https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js " >
</ script >

Documentos oficiales

Para más información lee nuestra documentación. (¡Se mejorará en el futuro cercano usando Mintlify!)

Unirse a Discord

Si necesita más información, interactúe con nosotros o con la comunidad, ayuda o desea proporcionar comentarios, no dude en unirse a nosotros en la discordia Lightyx