UTM Tracking in Webba?

  • Hello,

    I know I have already asked you this question via e-mail. but I would like to investigate a bit further. I would love to work on source tracking of bookings in Webba. Last time you recommended me the following solution:

    Webba is integrated with?Contact Form 7, if you can add UTM tracking to Contact Form 7, seems you can add it to the Webba Booking Form. I did some research and found these articles:

    https://docs.utmgrabber.com/books/contact-form-7-integration/page/contact-form-7-utm-tracking

    https://utmstar.com/contact-form-7-utm-tracking/

    I followed this path but unfortunately it doesn’t seem to work.

    I managed to install Contact Form 7 and add UTM parameters there correctly. I also managed to use a connect a form created in contact form 7 to a Webba service. 

    The thing is that (or at least it seems to me) that the problem is that technically a Contact Form 7 is not submitted whenever a Webba reservation is made. Webba seems to only use Contact Form 7 to create fields but not to submit the form itself. 
    I even installed a plugin that stores Contact Form 7 submission to double check that and it never received any submissions when making a reservation via Webba.

    If only there was a way to add a a hidden field with a class that would gather UTM’s as below:

    Screenshot 2024-08-16 at 13.10.10.png

    and then make it appear in email confirmation sent to admin

    Screenshot 2024-08-16 at 13.11.15.png

    In the meantime I also found out that there is a “custom field” field by every booking that is empty, despite the fact that I am using custom fields in a form. Perhaps there would be a way to transfer there utm data, hmmm…

    So far I try to match utm_source and time tag in GA4 with time booking in Webba but it’s not perfect. E.g . whenever there is more than 1 bookings within the same hour, seemingly there is no way to recognize which one is which.

    Kind regards.

    Sylvia

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author WebbaPlugins

    (@webba-agency)

    Hello Sylvia,

    Please, share more information on which of the events in the booking workflow you need to track?

    Thread Starter respirit

    (@respirit)

    Hello,

    I would love to track the booking itself. I mean I would love to track source of people who fill the booking form itself (even if they don’t pay for the booking).

    Plugin Author WebbaPlugins

    (@webba-agency)

    Please, try the following:

    add custom JS code on your website:

    jQuery(document).on('wbk_after_screen_rendered',function(response){
        if(jQuery('.appointment-content-screen-active-w').attr('data-slug') == 'payment_optional' ){
    		 // ADD YOUR TRACKING CODE HERE
    	}
    });

    In the code replace ‘// ADD YOUR TRACKING CODE HERE’ with your trackign code.

    Custom JS code can be added in the the Custom JS option of your theme or using the plugins Simple Custom CSS & JS.

    Hope this helps.

    Thread Starter respirit

    (@respirit)

    I am not sure how this should work. Could you please clarify? ??

    1. What do you mean by tracking code? Let’s say that a customer comes to my website from the following URL: https://test.com?utm_source=google&utm_medium=cpc&utm_campaign=campaign1
      What would be the tracking code than so that utm parameters are collected?
    2. Where would the tracking data be stored after implementing the JS code?
    Plugin Author WebbaPlugins

    (@webba-agency)

    Hello,

    1. Tracking code is provided by anaylyrics system. I assume you plan to use Google Analytics?
    2. In your analytics dashbaoard

    Thread Starter respirit

    (@respirit)

    Do you have any screenshot examples of how that may work? Would I be able to associate UTMs with a specific booking made in Webba. So far I am tracking the number of conversions in GA4, that’s not the issue. What I am struggling with is to know which booking comes from which source/campaign.

    Plugin Author WebbaPlugins

    (@webba-agency)

    Hello,

    I’ve found a good article for you which explains how to setup events in GA4: How to Track Events with Google Analytics 4 and Google Tag Manager. Starting from point 3.1 they explain how to prepere the code, so when you done all before this point, please contact us and we will assist you further.

    Thread Starter respirit

    (@respirit)

    Hello, I read the article, I am ready to go ??

    Plugin Author WebbaPlugins

    (@webba-agency)

    Hello,

    Could you please send the tracking code to [email protected]?

    Thread Starter respirit

    (@respirit)

    Sent ??

    Plugin Author WebbaPlugins

    (@webba-agency)

    Hello Sylvia,

    Replied.

    Thread Starter respirit

    (@respirit)

    Replied back ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.