I have a form hosted by Zoho Forms that is embedded onto my website using an iframe.
The zoho form has a custom domain, setup as follows:
- My website: example.com
- Zoho Form: forms.example.com
Using Google Tag Manager (GTM) I'm trying to fire a Google Analytics 4 (GA4) event when someone submits the Zoho Form.
Zoho allows me to add the GTM container ID to my form. They also push data layer variables such as zf_submitform, zf_formview, etc.
So I have added my GTM container ID to my form, configured the events, and setup a trigger on GTM. But the tags are never triggered.
For example, I create a Tag that should fire a GA4 Event when the zf_submitform
event is triggered. But it doesn't fire.
Even when I view the form directly in it's native URL (not embedded into my website) the event will not fire.
Also, when debugging it using GTM Preview, it has a green "tick" symbol next to the firing trigger. But the Firing Status is "Not Fired". So even their own debugger thinks that the tag should have fired, but it does not.
Here are some screenshots of that setup to show you what I have tried:
What am I doing wrong?
The Tag:
The Custom Event (zf_submitform)
The GTM Preview Debugger