When we are building a website or application with Javascript, we often require our users to sign up for an account before they can access or use our service. This is a common requirement for many services as it allows us to track usage more efficiently, monitor growth, and avoid abuse.
Unfortunately, this process has certain downsides, such as introducing additional friction to our service and making the users go through extra steps before accessing our service.
Thus, tracking user activity when visiting our service and tracking how many go through the signup process and drop off before they use our service is essential. By monitoring the signup process, we can better understand how our visitors interact with our Javascript service and find and fix any issues they may encounter.
Palzin Track makes it easy to track events such as user registration directly within your Javascript code. As a result, it helps you better understand how your users interact with your product and how your product is performing.
Connect Palzin Track to JavaScript
Setting up Palzin Track with JavaScript is very simple!
Once your Palzin Track account is set up, you can use the following code snippets to Monitor user signup events. Just replace the YOUR_API_TOKEN with your Palzin Track API token and update your project name.
Using JavaScript with Fetch
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
myHeaders.append("Authorization", "Bearer YOUR_API_TOKEN");
var raw = JSON.stringify({
"project": "my-project",
"channel": "auth",
"event": "User Registered",
"description": "email: [email protected]",
"icon": "🔥",
"notify": true
});
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
fetch("https://api.palzin.live/v1/log", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
Using JavaScript with jQuery
var settings = {
"url": "https://api.palzin.live/v1/log",
"method": "POST",
"timeout": 0,
"headers": {
"Content-Type": "application/json",
"Authorization": "Bearer YOUR_API_TOKEN"
},
"data": JSON.stringify({
"project": "my-project",
"channel": "auth",
"event": "User Registered",
"description": "email: [email protected]",
"icon": "🔥",
"notify": true
}),
};
$.ajax(settings).done(function (response) {
console.log(response);
});
Using JavaScript with XHR
// WARNING: For POST requests, body is set to null by browsers.
var data = JSON.stringify({
"project": "my-project",
"channel": "auth",
"event": "User Registered",
"description": "email: [email protected]",
"icon": "🔥",
"notify": true
});
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://api.palzin.live/v1/log");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_TOKEN");
xhr.send(data);
Palzin Track is a versatile event tracking tool that isn't limited to specific use cases. It empowers you to monitor a wide range of events, whether it's tracking prelaunch waitlist signups or beta signups for a new feature or product. It works seamlessly with your JavaScript code. With it, you can track any event within your JavaScript application. It also allows you to create simple charts and track user journeys to help you better understand your product. Palzin Track also enables you to receive real-time push notifications on your desktop and mobile devices whenever a new user creates an account on your website or application.
Palzin Track reveals the human stories behind your data. Make user-centric decisions that drive growth.