​
Pre-Requisites

Sign up on Litlyx and create a new workspace.

​
Universal Setup

With just one line of code in your index.html — placed either at the end of the body or inside the head tag — you can start tracking data like Best Performing Pages, Unique Visitors, Real-time Users, Sources, Bounce Rate, Countries, and much more. 
<script defer data-workspace="workspace_id" 
src="https://cdn.jsdelivr.net/npm/litlyx-js@latest/browser/litlyx.js">
</script>

​
Website Builder Setup

Litlyx is super versatile. Use it in your favorite website builder like Wordpress, Webflow, Framer, or any platform that lets you add custom code inside the body or head tag. 
<script defer data-workspace="workspace_id" 
src="https://cdn.jsdelivr.net/npm/litlyx-js@latest/browser/litlyx.js">
</script>

​
Using a Package Manager or Framework

Install the Litlyx library with your favorite package manager: 
npm install litlyx-js
Now import Litlyx in your entry-point file.
javascript
import { Lit } from "litlyx-js"
Next, initialize the Litlyx library with your workspace_id in your entry-point file as follows:
javascript
Lit.init("workspace_id");

​
Ready to go!

Head over to the Litlyx Dashboard to explore your real-time web analytics. Hero Light