When the booking form is submitted I would like to track this submission on my website. I think there are two ways for me to go about this:
Embed some custom Javascript in the iFramed page which can listen to a booking submission and perform an appropriate action (post the data to an external endpoint via Ajax)
Pass a tracking variable into the iFrame via the src tag and have a hidden field in the from capture the data to be stored on the booking record in your system. To be then retrieved via the API at a later stage.
Could you please advise if either of these options sound possible? Even if we are not able to directly place custom Javascript on the iFramed page, if we are permitted to include a Google Tag Manager snippet then we should be able achieve what we want.
hi, you can enable API custom feature. In it settings there is callback url field which you can use to trigger your script each time when you have new booking.
Hi there, thanks for your reply! That is indeed helpful, though I have left out a key piece of information.
There is a cookie value that is stored in the browser on my website that will be hosting the iFrame. I need to be able to access that cookie at the time of booking and either pass it into the booking record somehow (maybe in a hidden field in the booking form?), or be able to trigger a Javascript event within the iFrame which could access the cookie value and then pass it to my system via Ajax).
Your solution sounds like it would work, provided I can some how get the cookie value stored in a field on the booking record.