Jump to content

Wolfdown

Member
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Wolfdown

  1. Just thought I would add to this thread because I struggled with this for a few days, so maybe this can help a few people out!

    I am using Google Tag Manager to trigger the Google Ads Conversion after the lead form is submitted. Personally, I prefer GTM because I can run everything through it, G4A, Google Ads, custom code etc.

    Anyhow usually, the lead form confirms submission on a "thank you" page/url, which is easy to trigger G-Ads Conversion using a URL trigger, but this particular form was set to confirm submissions with just a "thank you" message on the same URL, so what I did is use the "Element Visibility" trigger on GTM to trigger the G-Ads conversion snippet.

    I used a CSS selector as the visibility element, I created an HTML element that was set to render after the form was submitted. I set that HTML element up in the form block itself, that's under the post-submit section.

    I gave the HTML element, in this case, a <div> element which I assigned a class of ".form-submission-gtrigger" as in image 1.

    Then I created a little custom css, as follows, make sure to give the div a little height as it seems GTM won't detect the element's presence if it has 0 height. 
     

    /* GTM Trigger */
    .form-submission-gtrigger {
      height: 20px !important;
      }

    Then I set GTM to look for the presence of the .form-submission-gtrigger class in order to trigger the G-Ads conversion snippet,

    I  set GTM trigger to only once per page and to monitor the DOM because the HTML element is not being triggered through a scroll it is just popping up after the form submits, (still invisible to the user), I also limited the DOM monitoring to the URL with the lead form. Settings are in image 2.

     

    Anyhow, not sure if this is the most elegant way to accomplish this, but it works and works well ;)

    post-space.jpg

    thanks-you-css.jpg

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.