Téléchargement de litlyx - Téléchargement du code source litlyx

litlyx

Autre code source

vements

Télécharger

Docs du site Web? Rejoignez Discord essayez Litlyx Cloud. C'est gratuit.

L'outil d'analyse le plus frais et adapté aux développeurs.
Litlyx est une solution d'analyse auto-hébercante open source pour les cadres modernes. La configuration prend moins de 30 secondes!

Commencez sur notre version cloud

Inscrivez-vous sur litlyx.com et créez un projet. Ensuite, utilisez simplement votre project_id pour connecter Litlyx à votre site Web ou Litlyx auto-hôte à Docker.

Installation universelle

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

L'importation de Litlyx avec un script direct commence instantanément à suivre Page visits , Browsers , Devices , Operating Systems , Bouncing Rate , Real-Time Online Users , Unique Sessions , Countries et Average Session Time .

Tous les temps JavaScript

Vous pouvez installer Litlyx à l'aide npm , pnpm , yarn ou de tous les gestionnaires de packages modernes:

npm i litlyx-js

Litlyx Native fonctionne avec tous les frameworks JavaScript / TypeScript. Vous pouvez utiliser Litlyx dans tous les sites Web WordPress en injectant le code JS à l'aide d'un plug-in. Litlyx fonctionne également dans des environnements sans serveur avec des fonctions cloud (ou bord).

Importer

Importez la bibliothèque Litlyx-JS dans votre code:

 import { Lit } from 'litlyx-js' ;

Une fois importé, vous devez initialiser Litlyx:

 Lit . init ( 'your_project_id' ) ;

Après initialisation, Litlyx suivra automatiquement les analyses telles que Page visits , Browsers , Devices , Operating Systems , Real-Time Online Users , Unique Sessions , Countries et Average Session Time .

Suivre les événements personnalisés

Vous n'êtes pas seulement limité aux KPI intégrés. Avec Litlyx, vous pouvez créer vos propres événements à suivre dans votre projet.

 Lit . event ( 'click_on_buy_item' ) ;

Si vous voulez un suivi plus spécifique, vous pouvez utiliser le champ metadata , comme ceci:

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

Litlyx vous permet d'adapter facilement vos analyses aux besoins de votre projet.

Firez votre premier événement avec Curl

Vous voulez voir rapidement comment Litlyx fonctionne avec les événements? Utilisez la commande curl ci-dessous pour envoyer un événement de test. Remplacez simplement le project_id par votre ID de projet réel dans votre 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-hébergement avec docker

Pour auto-héberger le tableau de bord Litlyx, fourchez d'abord ce référentiel.

Puis exécutez la commande suivante:

docker-compose build

Une fois la construction terminée, courez:

docker-compose up

Chez LocalHost: 3000, vous verrez votre propre instance du tableau de bord Litlyx.

Transférer les données à votre instance locale avec la balise de script

Pour transférer vos données sur votre instance auto-hébergée, vous devez configurer les variables suivantes: ajoutez votre data-host , ajoutez votre data-port et ajoutez votre data-secure , en les définissant sur true si c'est HTTPS et faux si c'est 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 >

Documents officiels

Pour plus d'informations, lisez notre documentation. (sera amélioré dans un avenir proche à l'aide de Mintlify!)

Rejoignez Discord

Si vous avez besoin de plus d'informations, interagissez avec nous ou la communauté, aidez ou souhaitez fournir des commentaires, n'hésitez pas à nous rejoindre sur Litlyx Discord