LogHive Track Form Submits

Track a form submit event in Dart

Nowadays, many Dart applications require user data in some form or the other. It could be a basic form asking for personal details such as name, email, and phone number, or a complex one requiring credit card details and addresses. The form is usually the primary point of interaction between users and the application, making it crucial to monitor and track form submissions in real-time. It’s equally essential to keep track of unsuccessful form submissions caused by errors that could lead to a loss of revenue and a poor user experience.

Fortunately, LogHive has developed a solution to tackle this problem. LogHive is a real-time event tracking tool that works seamlessly with any Dart application. With LogHive, you can effortlessly set up event tracking and monitor user form submissions in real-time.

LogHive also provides the feature of tracking user journeys, enabling you to create a timeline of events for each user. This way, you can keep track of specific user activity, including form submissions and other application interactions.

How it works in Dart

LogHive provides a simple REST API that you can use to push events and errors to the LogHive service. You can organize your events into projects and groups to keep them organized and easily searchable. Once an event is pushed to LogHive, it is processed and can be viewed in the event stream or dashboard.

With just a few lines of Dart-code, you can start pushing events to LogHive and receiving push notifications for your application’s events and errors.

import 'dart:convert';
import 'package:http/http.dart' as http;

Future<void> sendRequest() async {
  final url = Uri.parse('https://api.loghive.app/v1/event/add');
  final headers = <String, String>{
    'Content-Type': 'application/json',
    'Authorization': 'ApiKey: your-api-key'
  final data = {
  'project': 'yourprojectname', 
  'group': 'ContactForm', 
  'event': 'Form submit', 
  'description': 'your-description', 
  'notify': false};    

  final response = await http.post(url, headers: headers, body: json.encode(data));
  // Handle response

If an error occurs while creating an event, you will receive an Error object in return.

{'StatusCode': 400, 'Message': 'missing group name'}

You can receive your API-Key here: API-Key.

Receive Push Notifications

To receive push notifications, you simply need to install the LogHive Android app (Playstore) or use LogHive through the web application and allow notifications.

Add an element to your project dashboard

In addition to push notifications, LogHive allows you to display captured events in a dashboard with various elements. With just a few clicks, you can display the events already pushed in the dashboard.

In conclusion, it is essential to track and monitor user form submissions in Dart applications to ensure a seamless user experience and avoid revenue loss due to submission errors. With the help of tools such as LogHive, real-time event tracking and user journey monitoring are possible, making it easier to keep track of user activity and any form submission issues. By leveraging such tools, Dart application developers can take proactive measures to improve user satisfaction and overall application performance.

Latest Posts