Hi everyone,
I have installed Constant Contact Signup form in my ecommerce webpage (Shopify).
How could I track the number of people who sign up, in order to use the event as a goal in the Google Analytics of the webpage?
Thank you very much in advance.
Solved! Go to Solution.
If you view source on a CC signup form, notice that the top-most parent div has a class of ctct-inline-form and then a unique data-form-id (unique to your form and made up from lots of random characters).
Notice, too, that there is a hidden success message div with class ctct-form-success. When that success message div becomes visible, then Google Tag Manager (GTM) should be able to track it. Because my site has multiple signup forms, I want to know which form was submitted by its unique ID. My GTM Tag has 3 parts.
1. A custom JavaScript variable that looks for the top-most parent div and then grabs the unique ID. The javascript is:
function() { return {{Click Element}}.closest(".ctct-inline-form").getAttribute('data-form-id'); }
2. An Element Visibility Trigger that watches for the success message div to appear. The setup follows.
3. GA4 Event Tag. Setup follows.
Note: in Step 1, I don’t know why {{Click Element}} works since the user didn’t click the success message to make it show. Maybe that doesn’t matter to the GTM DOM trigger.
If a user subscribes to your Constant Contact form, then the “success” div will appear. The trigger will see that because it is watching for DOM changes. It will trigger the tag. The tag will use the variable from Step 1 to lookup the unique ID of the form that was submitted. The tag will send the custom call_to_action event to GA4 and pass the parameter “form_id”.
P.S. I have lots of signup forms, so I’ll probably use some kind of lookup table in my data report to convert the unique IDs to something more meaningful like “My Signup Form of Destiny”. I’m not using a lookup table in GTM because I am not the only content contributor so I won’t know when new forms are added. (shrug)
Hello @OliviaB201 ,
The apps are built to provide analytics to us so we can present them to you, but after speaking with our higher level technical team it isn't possible to link Google Analytics. I did make sure to track your feedback for them, for any potential developments in the future, but at this time GA isn't compatible with these sign up forms or extensions.
Hi William,
In this post, it seems that there is a user who has managed to link the signup form of Constant Contact with Google Analytics through Tag manager
Am I right?
Best wishes
To clarify, I am using GA4 and GTM on my website. My website uses embedded Constant Contact forms. I use the recipe in this post to track when a Constant Contact form is successfully submitted.
If you view source on a CC signup form, notice that the top-most parent div has a class of ctct-inline-form and then a unique data-form-id (unique to your form and made up from lots of random characters).
Notice, too, that there is a hidden success message div with class ctct-form-success. When that success message div becomes visible, then Google Tag Manager (GTM) should be able to track it. Because my site has multiple signup forms, I want to know which form was submitted by its unique ID. My GTM Tag has 3 parts.
1. A custom JavaScript variable that looks for the top-most parent div and then grabs the unique ID. The javascript is:
function() { return {{Click Element}}.closest(".ctct-inline-form").getAttribute('data-form-id'); }
2. An Element Visibility Trigger that watches for the success message div to appear. The setup follows.
3. GA4 Event Tag. Setup follows.
Note: in Step 1, I don’t know why {{Click Element}} works since the user didn’t click the success message to make it show. Maybe that doesn’t matter to the GTM DOM trigger.
If a user subscribes to your Constant Contact form, then the “success” div will appear. The trigger will see that because it is watching for DOM changes. It will trigger the tag. The tag will use the variable from Step 1 to lookup the unique ID of the form that was submitted. The tag will send the custom call_to_action event to GA4 and pass the parameter “form_id”.
P.S. I have lots of signup forms, so I’ll probably use some kind of lookup table in my data report to convert the unique IDs to something more meaningful like “My Signup Form of Destiny”. I’m not using a lookup table in GTM because I am not the only content contributor so I won’t know when new forms are added. (shrug)
Thanks a million for this, UtahD! I was struggling to figure out how to create a LinkedIn conversion action via GTM with a in-line form and after hours of frustration I happened upon you post above and it looks like it's all working perfectly!
Thanks again!
Featured Article
Using Sections while designing your marketing email not only increases your own efficiency but helps you to deliver a more friendly, organized message. Check out some of the key benefits of using sections in email.
See ArticleFeatured Thread
If you listen to music while you work, share your playlist below so we can be inspired and maybe find some new music!
View threadFeatured Thread
Share a success story from the last year and be entered for a chance to win great prizes!
Enter now!We’re here to help you grow. With how-to tutorials, courses, getting-started guides, videos and step-by-step instructions to start and succeed with Constant Contact.
Start Here