Overview

What is UserLog?

How does it work?

Getting started

Quick start

What should I track?

SDKs

Quick start

Lets get started with UserLog in just a few simple steps!

1. Create your first project

  1. Go to UserLog and create an account.

  2. The Onboarding wizard will open to help you with all the following steps.

  3. Your first project is generated automatically. You can enter a name for it (e.g., "My SaaS App").

2. Generate an API Key

  1. We will automatically generate your unique API Key for your first project in the onboarding wizard

  2. You can copy the provided API Key to your notes.

    • Example: sk_test_123456789abcdef.

  3. Please do not share your API key with anyone. It is used to authenticate your requests to our platform. You can disable this key in your settings at any time and generate a new one.

3. Connect your product

To start tracking data, integrate UserLog into your system by installing an SDK and identifying your users.

a) Install an SDK

Installing the UserLog SDK is very simple - just pick your language and follow the instructions:

Web

JavaScript

PHP

React

Node.js

Next.js

Add the following script to your index HTML file to install the UserLog JS-Web library. Please be sure to place it into the <head> section and don't forget to update the <API_KEY> and <PROJECT_NAME> values with your own values. You can find your API key in the UserLog dashboard.

<script async="true" src="https://cdn.getuserlog.com/userlog.js"></script>
<script>
  window.userlogq = window.userlogq || [];
  window.userlog = window.userlog || ((...args) => window.userlogq.push(args));
  window.userlog("setConfig", "<API_KEY>", "<PROJECT_NAME>");
<
b) Initialization

This library requires a user id to be set before it starts tracking your events. You can set the user id by calling the following function. For example, you could set the user id to the user's email address. Once you have set the user id, UserLog will start tracking page views and any custom events that you track.

window.userlog("setUserId", "<SOME_USER_ID>");

4. Track Your First Event

Now you’re ready to send events to UserLog. Events represent user actions or interactions within your product.

a) Simple Event Tracking

Tracking events is as simple as defining a data attribute on any element.
For example, let's track when a user clicks a button:

<button data-event="Button Click">Click me</button>
b) Custom Event Tracking

You can track custom events by defining a data attribute on any element. For example, let's track when a user clicks a button.

<button
  data-event="New Registration"
  data-user-id="user@example.com"
  data-channel="registrations"
  data-icon="💰"
  data-tag-referrer="example.com"
  data-tag-utm_source="google"
  data-tag-utm_medium="cpc"
>
  Register now
</button>

Overview

What is UserLog?

How does it work?

Getting started

Quick start

What should I track?

SDKs

Quick start

Lets get started with UserLog in just a few simple steps!

1. Create your first project

  1. Go to UserLog and create an account.

  2. The Onboarding wizard will open to help you with all the following steps.

  3. Your first project is generated automatically. You can enter a name for it (e.g., "My SaaS App").

2. Generate an API Key

  1. We will automatically generate your unique API Key for your first project in the onboarding wizard

  2. You can copy the provided API Key to your notes.

    • Example: sk_test_123456789abcdef.

  3. Please do not share your API key with anyone. It is used to authenticate your requests to our platform. You can disable this key in your settings at any time and generate a new one.

3. Connect your product

To start tracking data, integrate UserLog into your system by installing an SDK and identifying your users.

a) Install an SDK

Installing the UserLog SDK is very simple - just pick your language and follow the instructions:

Web

JavaScript

PHP

React

Node.js

Next.js

Add the following script to your index HTML file to install the UserLog JS-Web library. Please be sure to place it into the <head> section and don't forget to update the <API_KEY> and <PROJECT_NAME> values with your own values. You can find your API key in the UserLog dashboard.

<script async="true" src="https://cdn.getuserlog.com/userlog.js"></script>
<script>
  window.userlogq = window.userlogq || [];
  window.userlog = window.userlog || ((...args) => window.userlogq.push(args));
  window.userlog("setConfig", "<API_KEY>", "<PROJECT_NAME>");
<
b) Initialization

This library requires a user id to be set before it starts tracking your events. You can set the user id by calling the following function. For example, you could set the user id to the user's email address. Once you have set the user id, UserLog will start tracking page views and any custom events that you track.

window.userlog("setUserId", "<SOME_USER_ID>");

4. Track Your First Event

Now you’re ready to send events to UserLog. Events represent user actions or interactions within your product.

a) Simple Event Tracking

Tracking events is as simple as defining a data attribute on any element.
For example, let's track when a user clicks a button:

<button data-event="Button Click">Click me</button>
b) Custom Event Tracking

You can track custom events by defining a data attribute on any element. For example, let's track when a user clicks a button.

<button
  data-event="New Registration"
  data-user-id="user@example.com"
  data-channel="registrations"
  data-icon="💰"
  data-tag-referrer="example.com"
  data-tag-utm_source="google"
  data-tag-utm_medium="cpc"
>
  Register now
</button>

Overview

What is UserLog?

How does it work?

Getting started

Quick start

What should I track?

SDKs

What is UserLog about?

UserLog is a powerful user analytics platform built for SaaS founders and small teams who want to better understand their users and drive product success. By providing detailed insights into user behavior and engagement, UserLog helps you make smarter decisions and create exceptional user experiences.

Many founders struggle with incomplete or overly complex data when analyzing user activity. UserLog solves this problem by offering straightforward, actionable analytics designed to help you retain users, optimize features, and boost engagement.

Key Benefits of UserLog

  • Engagement Insights: Gain a clear picture of how users interact with your product, including daily activity and feature usage trends.

  • Retention Optimization: Identify users at risk of churning and take proactive steps to keep them engaged.

  • Feature Usage Analysis: Understand which features resonate with your audience and which ones need improvement.

What Makes UserLog Unique?

  • Customizable Tracking: Define and track events specific to your product, allowing for deeper insights tailored to your needs.

  • Actionable Data: Turn data into results by setting up notifications and triggers to engage users in real time.

  • Ease of Use: With simple SDK integrations and intuitive dashboards, UserLog is built for busy SaaS founders who value simplicity and speed.

How UserLog Works

  1. Integration: Start by integrating UserLog with your product using our SDKs or HTTP API. It’s quick and straightforward, so you can begin tracking in minutes.

  2. Create events: Gather key metrics such as user activity, feature adoption, and engagement trends automatically.

  3. Analysis & Action: Use insights to segment users, set up notifications, and create targeted campaigns that improve retention and engagement.

Why Choose UserLog?

  • Built by SaaS Founders, for SaaS Founders: We understand the challenges of growing a SaaS product because we’ve faced them ourselves.

  • Affordable and Scalable: Join our free beta and see immediate value without breaking the bank.

  • Results-Focused: Our analytics are designed to give you actionable insights that directly impact your product’s success.