Google Ads Conversion Tracking auf Kontaktformular

Hey felixl,

Thank you for the inquiry.

You can add apply custom ID or class name to the Contact Form element and adjust your script accordingly in order to target the element.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-custom-classes-to-your-elements

Example:

Edit the contact form element, go to the Advanced > Developer Settings toggle, add “av-custom-analytics-form” in the Custom CSS Class field and “av-custom-analytics-form-id-1” in the Custom ID Attribute field, then adjust the script to target the element:

<script>
document.addEventListener('DOMContentLoaded', function() {
    var forms = document.querySelectorAll('.av-custom-analytics-form');

    forms.forEach(function(form) {
        form.addEventListener('submit', function(event) {
            event.preventDefault(); 
            
            var formId = form.getAttribute('id');
            var pageUrl = window.location.href;

            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'event': 'customFormSubmission',
                'formId': formId,
                'pageUrl': pageUrl
            });
            
            // form.submit();
        });
    });
});
</script>

This should work as long as you’ve followed the installation properly: https://developers.google.com/tag-platform/tag-manager/datalayer#installation and created an event: https://support.google.com/analytics/answer/12844695

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard