Process using Elementor:
1. Create a form with First Name, Last Name, Email. And use id as fn, ln, em.
2. Create hidden fields to capture url parameters like utms. And in Advanced use Default Value as Site->Request Parameter then settings get plus the value like utm_source and for ID can use source and it will change the short code to source.
3. Form redirect will be something like this https://pay.hotmart.com/V76463174N?email=[field id=”em”]&name=[field id=”fn”]%20[field id=”ln”]&utm_source=[field id=”source”]&utm_medium=[field id=”medium”]&sck=[field id=”source”]|[field id=”medium”]
Obs.: sck is Hotmart analytics parameter
4. Test using a link with UTM parameters to test https://victorpontes.com/tracking-recipes/?utm_source=test-source&utm_medium=test-medium
1. Create an account in Visitor API
2. Create a project and add domain and domain with a . before like victorpontes.com and .victorpontes.com
3. Go to project and save the Project ID to use in GTM
4. Create GTM
5. Add GTM codes in Elementor->Custom Code
6. Import the GTM container download it here
7. Import it using the combine function to keep all tags you have in your GTM container
8. On the tag 00 | setCookie, change domain to yourdomain.com on those 3 Cookies set
9. For these variables below
0 | FB – Pixel –> Paste Your Facebook Pixel
0 | GA4 – ID –> Paste Your GA4 Property ID
0 | transport_url –> Your server container URL
0 | Visitor API PRoject ID –> Your Project ID from VisitorAPI
10. Check using console document.querySelector(‘input#form-field-fn’).value
11. Create a Javascript Custom for First Name, Last Name and Email in GTM using this code
function (){
var a = document.document.querySelector(‘input#form-field-fn’).value;
return a;
}
12. On Meta test use only Conversion API – https://stape.io/blog/case-study-comparing-facebook-pixel-and-facebook-capi