Skip to content

Introduction:

Palzin Track is a comprehensive event tracking system designed to monitor user interactions and behaviors on web pages. With Palzin Track, you can gain valuable insights into how users engage with your website, allowing you to optimize user experience and improve conversion rates.

Event Tracking:

One of the key features of Palzin Track is its ability to track specific events that occur on your website. These events can range from simple interactions like clicking a button to more complex actions such as form submissions. By tracking these events, you can understand how users interact with your website and identify areas for improvement.

Data Attributes:

Palzin Track utilizes data attributes to identify and track events within your HTML code. These data attributes are embedded directly into your HTML elements, allowing Palzin Track to capture relevant information about user interactions.

In the provided code snippet, the following data attributes are used:

  • data-pt-event: Specifies the type of event to track. In this case, it tracks when the "CONTACT US" form is submitted.
  • data-pt-event-channel: Indicates the channel or category of the event. In this example, it is associated with the "contactus" channel.
  • (Optional) data-pt-event-tags-full, data-pt-event-tags-email, data-pt-event-tags-phone, data-pt-event-tags-message: These attributes are part of data-pt-event-tags and are used to capture specific information related to the form submission. They capture the user's full name, email, phone number, and message respectively.

Form Submission Tracking: The code snippet demonstrates how Palzin Track can monitor form submissions on your website. When a user submits the "CONTACT US" form, Palzin Track captures this event and records relevant information such as the user's full name, email, phone number, and message.

Implementation:

To integrate Palzin Track into your website, you need to include the necessary JavaScript library and initialize it with your tracking settings. Once configured, Palzin Track will automatically monitor user interactions based on the specified events and data attributes.

Here is the example:

html
<form **data-pt-event="FORM CONTACT US IS SUBMITTED"** **data-pt-event-channel="contactus"** form-id="contactus" method="POST" action="/index.php"
      class="p-t-25 p-b-25 form columns-container" style="">
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="text"
                                                                                                 id="full-name-contactus"
                                                                                                 **data-pt-event-tags-full=""**
                                                                                                 name="" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="full-name-contactus">Full Name *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="email"
                                                                                                 id="email-contactus"
                                                                                                 **data-pt-event-tags-email=""**
                                                                                                 name="Email" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="email-contactus">Email *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="tel"
                                                                                                 id="phone-contactus"
                                                                                                 **data-pt-event-tags-phone=""**
                                                                                                 name="Phone" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="phone-contactus">Phone *</label>
        <div class="form-helper-text"></div>
    </div>
    
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group draggable" style=""><textarea id="message-contactus"
                                                                                                    **data-pt-event-tags-message=""**
                                                                                                    name="Message"
                                                                                                    placeholder=""
                                                                                                    data-required="Y"
                                                                                                    class="form-input"></textarea><label
            class="col-100 p-r-10 p-l-10" for="message-contactus">Message *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="form-field-group form-hp"></div>
    <div class="d-flex col-100 p-r-10 p-l-10 form-message"></div>
    <div class="m-l-10 form-field-group draggable" style=""><input type="submit" id="submit-contactus" value="Submit"
                                                                           class="form-submit button"
                                                                          >
        <div class="form-helper-text"></div>
    </div>
    
</form>
<form **data-pt-event="FORM CONTACT US IS SUBMITTED"** **data-pt-event-channel="contactus"** form-id="contactus" method="POST" action="/index.php"
      class="p-t-25 p-b-25 form columns-container" style="">
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="text"
                                                                                                 id="full-name-contactus"
                                                                                                 **data-pt-event-tags-full=""**
                                                                                                 name="" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="full-name-contactus">Full Name *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="email"
                                                                                                 id="email-contactus"
                                                                                                 **data-pt-event-tags-email=""**
                                                                                                 name="Email" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="email-contactus">Email *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group" style=""><input type="tel"
                                                                                                 id="phone-contactus"
                                                                                                 **data-pt-event-tags-phone=""**
                                                                                                 name="Phone" value=""
                                                                                                 placeholder=""
                                                                                                 data-required="Y"
                                                                                                 class="form-input"><label
            class="col-100 p-r-10 p-l-10" for="phone-contactus">Phone *</label>
        <div class="form-helper-text"></div>
    </div>
    
    <div class="col-100 p-l-10 m-b-35 p-r-10 form-field-group draggable" style=""><textarea id="message-contactus"
                                                                                                    **data-pt-event-tags-message=""**
                                                                                                    name="Message"
                                                                                                    placeholder=""
                                                                                                    data-required="Y"
                                                                                                    class="form-input"></textarea><label
            class="col-100 p-r-10 p-l-10" for="message-contactus">Message *</label>
        <div class="form-helper-text"></div>
    </div>
    <div class="form-field-group form-hp"></div>
    <div class="d-flex col-100 p-r-10 p-l-10 form-message"></div>
    <div class="m-l-10 form-field-group draggable" style=""><input type="submit" id="submit-contactus" value="Submit"
                                                                           class="form-submit button"
                                                                          >
        <div class="form-helper-text"></div>
    </div>
    
</form>

Conclusion: Palzin Track offers a powerful solution for tracking user events on your website, providing valuable insights that can inform your decision-making process. By understanding how users interact with your site, you can make informed optimizations to enhance the overall user experience and drive conversion. Visit the official Palzin Track documentation for more information on how to integrate and utilize this powerful tracking tool.