How can I track events in Google Analytics?

If you want to track events in Google Analytics, you can use our integration. Open Quotify and visit Settings > Customization. Next, click Event Tracking and enter your Google Analytics ID.

Next, you see all the events sent by Quotify:

Event	Description
quotify:opened	When the widget is opened
quotify:closed	When the widget is closed
quotify:submitted	When a quote request is submitted
quotify:page-changed	When a user switches between steps
quotify:product-added	When a product is added to the quote request
quotify:product-deleted	When a product is deleted from the quote request
quotify:product-updated	When an existing product quantity is updated

The tracking is implemented using window.addEventListener to listen for custom events and then uses Google Analytics (through the gtag function) to track these interactions. Here's a detailed explanation of each event and action:

quotify:opened

- Event Description: This event is triggered when the quotify form is opened by the user. This could be when a user starts a new quote or edits an existing one.

window.addEventListener('quotify:opened', event => {
    gtag('event', 'quotify', {
        action: 'form-opened'
    });
});

quotify:closed

- Event Description: This event fires when the quotify form is closed by the user. This could happen if the user decides to exit the quoting process before submission.

window.addEventListener('quotify:closed', event => {
    gtag('event', 'quotify', {
        action: 'form-closed'
    });
});

quotify:submitted

- Event Description: Triggered when the quotify form is successfully submitted. This indicates the completion of the quoting process.

window.addEventListener('quotify:submitted', event => {
    gtag('event', 'quotify', {
        action: 'form-submitted'
    });
});

quotify:page-changed

- Event Description: This event occurs when the user navigates between different pages or steps within the quotify form. It is a multi-step form event. Additional event detail page indicates the current page or step the user is on. Pages include products-overview, edit-product, contact-information, review, and thank-you. This tracking provides insights into user flow and potential friction points.

window.addEventListener('quotify:page-changed', event => {
    gtag('event', 'quotify', {
        action: 'form-progress',
        page: event.detail.page // values: products-overview, edit-product, contact-information, review, thank-you
    });
});

quotify:product-deleted

- Event Description: Fired when a product is removed from the quote by the user.

window.addEventListener('quotify:deleted', event => {
    gtag('event', 'quotify', {
        action: 'product-deleted'
    });
});

quotify:product-added

- Event Description: Triggered when a new product is added to the quote.

window.addEventListener('quotify:product-added', event => {
    gtag('event', 'quotify', {
        action: 'product-added'
    });
});

quotify:product-updated

- Event Description: Occurs when an existing product in the quote is updated, such as changes in quantity or specifications.

window.addEventListener('quotify:product-update', event => {
    gtag('event', 'quotify', {
        action: 'product-updated'
    });
});

quotify:file-uploaded

- Event Description: This event is triggered when a file is uploaded as part of the quoting process. This might be related to product specifications, custom designs, etc.

window.addEventListener('quotify:file-uploaded', event => {
    gtag('event', 'quotify', {
        action: 'file-uploaded'
    });
});

quotify:file-removed

- Event Description: Fired when a previously uploaded file is removed from the quote.

window.addEventListener('quotify:file-removed', event => {
    gtag('event', 'quotify', {
        action: 'file-removed'
    });
});

Each of these events and actions provides valuable data points for analyzing user behavior throughout the quoting process on the Quotify platform. Tracking such interactions can help in identifying user needs, improving user experience, and optimizing the form for better conversion rates.

Updated on: 14/02/2024