These days, many Javascript applications collect data from users in one way or another. This can be a simple form that contains some basic information such as name, email, and phone number. Or it can be a more complex form that collects information such as a user's address, credit card information, and more.
Most interactive Javascript applications have some form and are commonly the primary way users interact with the application. Therefore, it is essential to track when a user submits a form in your Javascript application and monitor whether the form submission is successful or whether the user has encountered an error and has not been able to submit the form.
In many cases, a minor problem in the form submission can cause a user to abandon the form and not complete the form submission. This can be a significant problem for your application as it can cause a considerable loss of revenue and user experience.
Fortunately, here at Palzin Track, we have created a powerful solution for this problem. Palzin Track is a powerful, real-time event tracking tool that works seamlessly with any Javascript application. With Palzin Track, you can set up event tracking for anything you want and track when a user submits a form in your Javascript application in real time. You may also set up optional rules to notify you and your team when a user has encountered an error and has not been able to submit the form.
In addition, Palzin Track allows you to track user journeys and create a timeline of events for each user. This way, you can always track the activity of a specific user, such as when they have submitted a form and any other activity they have done in your application.
Connect Palzin Track to JavaScript
Use the following code snippets to integrate Palzin Track with your JavaScript application. Please don't forget to replace the YOUR_API_TOKEN with your API token and update the project and channel names.
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": "forms",
"event": "Submitted Application",
"description": "User has submitted a form application",
"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": "forms",
"event": "Submitted Application",
"description": "User has submitted a form application",
"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": "forms",
"event": "Submitted Application",
"description": "User has submitted a form application",
"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);
We believe that event tracking should be simple and accessible to every developer and team. Therefore, we have worked hard to create the next generation of event tracking tools. As a result, Palzin Track is flexible and easy to use, making it a great companion for your JavaScript applications.
In addition to real-time event tracking, Palzin Track provides powerful features such as cross-platform push notifications, event filtering, user and product journeys, charts, insights, and more.
Palzin Track provides a generous free plan to get you started with event tracking. You can also check out our pricing page to see our paid plans. So don't hesitate to give us a try and let us know what you think!
Palzin Track reveals the human stories behind your data. Make user-centric decisions that drive growth.