For that purpose, you can take a look at the hooks in Amelia.
Amelia currently has the following hooks:
<br>window.ameliaActions = {<br> ViewContent: function (success = null, error = null, data) {<br> //triggered when the form loads<br> console.log('ViewContent HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectService: function (success = null, error = null, data) {<br> //triggered when the service is selected/changed in the form<br> console.log('SelectService HOOK')<br> console.log(data)<br> console.log('------------')<br> },<br> SelectEmployee: function (success = null, error = null, data) {<br> //triggered when the employee is selected/changed in the form<br> console.log('SelectEmployee HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectLocation: function (success = null, error = null, data) {<br> //triggered when the location is selected/changed in the form<br> console.log('SelectLocation HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectCategory: function (success = null, error = null, data) {<br> //triggered when the category is selected/changed in the form<br> console.log('SelectCategory HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectPackage: function (success = null, error = null, data) {<br> //triggered when the package is selected/changed in the form<br> console.log('SelectPackage HOOK')<br> console.log(data)<br> console.log('------------')<br> }, customValidation: function (success = null, error = null, data) {<br> console.log('customValidation HOOK')<br> console.log('------------')<br> console.log(data) const customValidator = (rule, value, callback) => {<br> if (value.includes('SOME_REGEX')) {<br> callback(new Error())<br> } else {<br> callback()<br> }<br> }<br> // this example is for email input field<br> data.rules.email.push({message: 'CUSTOM MESSAGE', validator: customValidator})<br> }, InitiateCheckout: function (success = null, error = null, data) {<br> //triggered once the customer lands on the "info" page where they fill in their details<br> console.log('InitiateCheckout HOOK')<br> console.log(data)<br> console.log('------------')<br> }, Schedule: function (success = null, error = null, data) {<br> //triggered once the 'on-site' booking is completed<br> console.log('Schedule HOOK')<br> console.log(data)<br> console.log('------------')<br> }, Purchase: function (success = null, error = null, data) {<br> //triggered once an online booking is completed<br> console.log('Purchased HOOK')<br> console.log(data)<br> console.log('------------')<br> }, beforeBooking: function (success = null, error = null, data) {<br> //triggered when the "Confirm" button is clicked but before the booking is completed.<br> //This hook currently doesn't work for Mollie and WooCommerce payments<br> console.log('Before booking is created HOOK')<br> console.log(data)<br> console.log('------------') },<br>}<br>
These are the same hooks used in Google Analytics and Facebook Pixel integrations, but if you need some other hooks added, please let us know which ones and explain what they would contain and when they should be triggered.
Thank you for your message. Could you please specify which Google Ads conversion tags you need to add and where exactly you want them placed on the thank-you page? Also, do you have access to edit this page, or would you need guidance on how to implement the changes?
I want to set up conversion tracking for Google Ads.
Is it possible to tag the thank you page when a reservation is completed for Amelia?
If so, how can I do this?
Hello Daisuke,
Thank you for reaching out to us.
For that purpose, you can take a look at the hooks in Amelia.
Amelia currently has the following hooks:
<br>window.ameliaActions = {<br> ViewContent: function (success = null, error = null, data) {<br> //triggered when the form loads<br> console.log('ViewContent HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectService: function (success = null, error = null, data) {<br> //triggered when the service is selected/changed in the form<br> console.log('SelectService HOOK')<br> console.log(data)<br> console.log('------------')<br> },<br> SelectEmployee: function (success = null, error = null, data) {<br> //triggered when the employee is selected/changed in the form<br> console.log('SelectEmployee HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectLocation: function (success = null, error = null, data) {<br> //triggered when the location is selected/changed in the form<br> console.log('SelectLocation HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectCategory: function (success = null, error = null, data) {<br> //triggered when the category is selected/changed in the form<br> console.log('SelectCategory HOOK')<br> console.log(data)<br> console.log('------------')<br> }, SelectPackage: function (success = null, error = null, data) {<br> //triggered when the package is selected/changed in the form<br> console.log('SelectPackage HOOK')<br> console.log(data)<br> console.log('------------')<br> }, customValidation: function (success = null, error = null, data) {<br> console.log('customValidation HOOK')<br> console.log('------------')<br> console.log(data) const customValidator = (rule, value, callback) => {<br> if (value.includes('SOME_REGEX')) {<br> callback(new Error())<br> } else {<br> callback()<br> }<br> }<br> // this example is for email input field<br> data.rules.email.push({message: 'CUSTOM MESSAGE', validator: customValidator})<br> }, InitiateCheckout: function (success = null, error = null, data) {<br> //triggered once the customer lands on the "info" page where they fill in their details<br> console.log('InitiateCheckout HOOK')<br> console.log(data)<br> console.log('------------')<br> }, Schedule: function (success = null, error = null, data) {<br> //triggered once the 'on-site' booking is completed<br> console.log('Schedule HOOK')<br> console.log(data)<br> console.log('------------')<br> }, Purchase: function (success = null, error = null, data) {<br> //triggered once an online booking is completed<br> console.log('Purchased HOOK')<br> console.log(data)<br> console.log('------------')<br> }, beforeBooking: function (success = null, error = null, data) {<br> //triggered when the "Confirm" button is clicked but before the booking is completed.<br> //This hook currently doesn't work for Mollie and WooCommerce payments<br> console.log('Before booking is created HOOK')<br> console.log(data)<br> console.log('------------') },<br>}<br>
These are the same hooks used in Google Analytics and Facebook Pixel integrations, but if you need some other hooks added, please let us know which ones and explain what they would contain and when they should be triggered.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thank you for your reply.
A Google Ads representative has asked me to confirm the following with Amelia.
I would like to place the Google Ads conversion tag at the same time as the attached image.
Do I have the authority to edit this thank you page?
Is it possible to add tags to this thank you page?
We will prepare the tags and have the Google support team take care of them.
Thank you.
Attached files: 2025-02-19 13.50の画像.jpeg
Hello Daisuke,
Thank you for your message. Could you please specify which Google Ads conversion tags you need to add and where exactly you want them placed on the thank-you page? Also, do you have access to edit this page, or would you need guidance on how to implement the changes?
Looking forward to your response.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables