litlyx

ウェブサイトのドキュメント？ Discordに参加してくださいLitlyx Cloudを試してください。無料です。

新鮮で開発者に優しい分析ツール。
Litlyxは、最新のフレームワーク向けのオープンソースの自己ホッスト分析ソリューションです。セットアップには30秒未満かかります！

クラウドバージョンを始めましょう

Litlyx.comにサインアップして、プロジェクトを作成します。次に、Project_idを使用してLitlyxをWebサイトに接続するか、Dockerを使用して自己ホストLitlyxを接続します。

ユニバーサルインストール

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

直接スクリプトでLitlyxをインポートすると、 Page visits 、 Browsers 、 Devices 、 Operating Systems 、 Bouncing Rate 、 Real-Time Online Users 、 Unique Sessions 、 Countries 、およびAverage Session Time追跡が即座に開始されます。

すべてのJavaScriptランタイム

npm 、 pnpm 、 yarn 、または最新のパッケージマネージャーを使用してLitlyxをインストールできます。

npm i litlyx-js

Litlyxは、すべてのJavaScript / TypeScriptフレームワークでネイティブに動作します。プラグインを使用してJSコードを注入することにより、すべてのWordPress WebサイトでLitlyxを使用できます。 Litlyxは、クラウド（またはエッジ）機能を備えたサーバーレス環境でも機能します。

輸入

Litlyx-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だけに限定されているわけではありません。 Litlyxを使用すると、プロジェクトを追跡する独自のイベントを作成できます。

 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がイベントでどのように機能するかをすばやく見たいですか？以下のCurlコマンドを使用して、テストイベントを送信します。端末にproject_id実際のProject 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"
  } '

Dockerとの自己ホスト

Litlyxダッシュボードを自己ホストするには、このリポジトリを最初にフォークします。

次に、次のコマンドを実行します。

docker-compose build

ビルドが終了した後、実行してください：

docker-compose up

LocalHost：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を使用して、近い将来に改善されます！）

Discordに参加してください

より多くの情報が必要な場合は、当社やコミュニティとやり取り、ヘルプ、またはフィードバックを提供したい場合は、Litlyx Discordにお気軽にご参加ください

貢献者

プロジェクトのこの段階では、あらゆる種類の貢献が受け入れられます。将来的には、寄稿者のオンボーディングプロセスを改善します。

ありがとう！

ライセンス

Litlyxは、Apache 2.0ライセンスに基づいてライセンスされています。