litlyx
vements
가장 신선하고 개발자 친화적 인 분석 도구.
Litlyx는 현대 프레임 워크를위한 오픈 소스, 자체 주최 가능한 분석 솔루션입니다. 설정은 30 초 미만이 걸립니다!
litlyx.com에 가입하고 프로젝트를 만듭니다. 그런 다음 project_id를 사용하여 Litlyx를 웹 사이트에 연결하거나 Docker와 함께자가 호스트 Litlyx를 연결하십시오.
< script defer data-project =" your_project_id " src =" https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js " > </ script > 직접 스크립트로 Lityx를 가져 오면 Page visits , Browsers , Devices , Operating Systems , Bouncing Rate , Real-Time Online Users , Unique Sessions , Countries 및 Average Session Time 추적합니다.
npm , pnpm , yarn 또는 최신 패키지 관리자를 사용하여 LITLYX를 설치할 수 있습니다.
npm i litlyx-jsLitlyx는 기본적으로 모든 JavaScript / TypeScript 프레임 워크와 함께 작동합니다. 플러그인을 사용하여 JS 코드를 주입하여 모든 WordPress 웹 사이트에서 Lityx를 사용할 수 있습니다. Lityx는 또한 클라우드 (또는 에지) 기능이있는 서버리스 환경에서도 작동합니다.
Lityx-JS 라이브러리를 코드로 가져옵니다.
import { Lit } from 'litlyx-js' ;가져 오면 Litlyx를 초기화해야합니다.
Lit . init ( 'your_project_id' ) ; 초기화 후 LitlyX는 Page visits , Browsers , Devices , Operating Systems , Real-Time Online Users , Unique Sessions , Countries 및 Average Session Time 과 같은 분석을 자동으로 추적합니다.
당신은 단지 내장 KPI에만 국한되지 않습니다. Lityx를 사용하면 프로젝트에서 추적 할 이벤트를 만들 수 있습니다.
Lit . event ( 'click_on_buy_item' ) ; 보다 구체적인 추적을 원한다면 다음과 같은 metadata 필드를 사용할 수 있습니다.
Lit . event ( 'click_on_buy_item' , {
metadata : {
'product-name' : 'Coca-Cola' ,
'price' : 1.50 ,
'currency' : 'EUR'
}
} ) ;Litlyx를 사용하면 프로젝트의 요구에 맞게 분석을 쉽게 조정할 수 있습니다.
Litlyx가 이벤트와 어떻게 작동하는지 빨리보고 싶습니까? 아래 컬 명령을 사용하여 테스트 이벤트를 보내십시오. project_id 터미널의 실제 프로젝트 ID로 바꾸십시오.
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"
} 'Litlyx 대시 보드를 자체 호스트하려면 먼저이 저장소를 포크하십시오 .
그런 다음 다음 명령을 실행합니다.
docker-compose build빌드가 끝나면 실행 :
docker-compose upLocalHost : 3000에서는 LitlyX 대시 보드 인스턴스가 표시됩니다.
자체 호스팅 인스턴스에서 데이터를 전달하려면 다음 변수를 설정해야합니다. data-host 를 추가하고 data-port 추가 한 다음 data-secure 추가하고 HTTPS 인 경우 TRUE로 설정하고 HTTP 인 경우 FALSE로 설정하십시오.
< 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 >자세한 내용은 문서를 읽으십시오. (Mintlify를 사용하여 가까운 시일 내에 개선 될 것입니다!)
더 많은 정보가 필요한 경우, 우리 또는 커뮤니티와 상호 작용하거나 도움을 주거나 피드백을 제공하려면 Litlyx Discord에 자유롭게 참여하십시오.
프로젝트 의이 단계에서 모든 종류의 기여가 받아 들여집니다. 앞으로 우리는 기고자 온 보딩 프로세스를 향상시킬 것입니다.
Litlyx는 Apache 2.0 라이센스에 따라 라이센스가 부여됩니다.
