1import{R as e}from"./app-XNeVM1Uh.js";import{B as t}from"./BlogPost-BJ57QaS3.js";import"./index-Djh9Lqgo.js";import"./proxy-BIgIZGNR.js";import"./arrow-up-DF5-Rmm1.js";import"./siteIdentity-CCvl92m1.js";import"./serializeJsonForHtml-CLBcjjNV.js";import"./BlogAuthor-D-P18xmC.js";import"./blogTaxonomy-u_7t0MAS.js";import"./calendar-BSaRyD4N.js";import"./refresh-cw-BY_xg12z.js";import"./chevron-left-HIA-KlHw.js";import"./share-2-nISwCrtH.js";import"./copy-CGuEYzUK.js";const i={audioUrl:"https://dropinblog.net/34249716/audio/57lcqc.mp3",author:{bio:"Aitor specialises in marketing analytics and data infrastructure, backed by 10 years of experience turning complex data into actionable performance insights. He writes practical guides to conversion tracking, Google Tag Manager and automating product feed tasks with Python.",bioLinks:[{text:"Google Tag Manager",url:"https://cleandigital.co.uk/blog/store-gclids-in-a-google-sheets-document-with-gtm"},{text:"automating product feed tasks with Python",url:"https://cleandigital.co.uk/blog/automate-image-color"}],name:"Aitor Larrañaga",photo:"https://dropinblog.net/cdn-cgi/image/fit=scale-down,width=600/34249716/authors/aitor_final.webp",profilePath:"/blog/authors/aitor-larranaga",role:"Contributor",slug:"aitor-larranaga",status:"contributor"},canonicalUrl:"https://cleandigital.co.uk/blog/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page",categories:[{id:4090932352,slug:"tips",title:"Tips"},{id:543763850,slug:"google-tag-manager",title:"Google Tag Manager"},{id:1382602740,slug:"google-analytics",title:"Google Analytics"}],content:`<p><strong>We have previously written about how useful GTM (Google Tag Manager) is and how complex it can get. However, today we are going to get back to basics to learn one of the most convenient uses: tracking forms.</strong></p>\r 2<p><strong>Form tracking has been a challenge at times, with the progressive disappearance of the so-called “thank-you” pages. Because, let’s be honest, redirections can be very confusing, especially on mobile devices. That is
2why some web designers go for a notification message instead.</strong></p>\r 3<p><strong>Here we will explore different techniques to learn how we can track a form without having to contact your web developers. There are different form engines and plugins available, but we think the “element visibility” triggers are the easiest and most consistent to use.</strong></p>\r 4<p><strong>1. Make sure GTM is properly implemented</strong></p>\r 5<p><strong>We covered this in another article, but it’s always best-practice to double-check. You can easily download Google’s tag assistant and have a look before starting your task:</strong></p>\r 6<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-k62ct.png" alt="" decoding="async" width="940" height="329"></p>\r 7<p><strong>As a result, we rely a lot less on the web development team and we have more flexibility when deciding which events or actions we track. This is useful when there are lots of changes on the website or there are lots of elements to track (PDF downloads, bookings etc).</strong></p>\r 8<p><strong>2. Send a test form</strong></p>\r 9<p><strong>We will use Chrome to get the information we need. There are several ways to do this, but we consider this to be the easiest.</strong></p>\r 10<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-raa3w.png" alt="" decoding="async" width="940" height="375"></p>\r 11<p><strong>Once sent, the interesting part begins. Right-click the notification and click on “Inspect element”. An additional window will appear containing the source code, and this will be everything we will need.</strong></p>\r 12<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-d9sjj.png" alt="" decoding="async" width="940" height="254"></p>\r 13<p><strong>Our task now will be to discover the unique identifiers that tell us that it is indeed a successful form submission, rather than an error. Let’s have a closer look.</strong></p>\r 14<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-gcwef.png" alt="" decoding="async" width="940" height="808"></p>\r 15<p><strong>We can see the classes underlined in red are indications of how the form has been submitted correctly. On the other hand, some might think that the class highlighted in orange is a good indicator, but check out what happens when we submit a form incorrectly.<br><br></strong></p>\r 16<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-ihlz8.png" alt="" decoding="async" width="940" height="283"><strong></strong></p>\r 17<p><strong>Light your pipe, put on your hat, and let’s dive in.</strong></p>\r 18<ul>\r 19<li><strong>The first highlighted class also has the classes “<em>success fusion-success</em>” regardless of whether the form has been sent correctly or not.</strong></li>\r 20<li><strong>However, the class “<em>wpcf7-mail-sent-ok</em>” we saw on the successful form is not seen in the incorrect one. Therefore, we can assume that using that class name will be safe for us to identify sent forms.</strong></li>\r 21<li><strong>When the form is submitted correctly, “<em>fa-check-circle</em>” class appears, in contrast to the “<em>fa-exclamation-triangle</em>” when a form is submitted incorrectly. So we can use the former to identify successful forms.</strong></li>\r 22<li><strong>Finally, the “<em>fusion-alert-content</em>” highlighted in orange is the same in both cases, although the message is different. We will have to discard this identifier.</strong></li>\r 23</ul>\r 24<p><strong>3. Create the tags and triggers</strong></p>\r 25<p><strong>Now the classes have been identified, we can proceed to create the tag and the trigger in GTM. First of all, we will create a tag. A simple one will do.</strong></p>\r 26<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-nyfbx.png" alt="" decoding="async" width="940" height="442"></p>\r 27<p><strong>The important thing here will be the trigger. Let’s create a new “element visibility” trigger:</strong></p>\r 28<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-swljt.png" alt="" decoding="async" width="940" height="176"></p>\r 29<p><strong>Inside, there are a few things to take into account. Remember our class (not id) name is <em>wpcf7-mail-sent-ok.</em></strong></p>\r 30<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-owiez.png" alt="" decoding="async" width="940" height="708"></p>\r 31<p><strong>We do not need everything else. However, if you only wanted to track forms from the “contact” page, it is recommended to add some conditions below:</strong></p>\r 32<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-28zlg.png" alt="" decoding="async" width="940" height="323"></p>\r 33<p><strong>4. Test!</strong></p>\r 34<p><img class="dib-img-loading" loading="lazy" src="https://io.dropinblog.com/uploaded/blogs/34249716/files/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page-whkbt.png" alt="" decoding="async" width="940" height="660"></p>\r 35<p><strong>Now it has triggered the event, we can head over to Google Analytics and see how the event is doing, or create an event conversion to import it to Google Ads. Furthermore, this trigger can be used with your Facebook Pixel to optimize towards an action.</strong></p>\r 36<p><strong>In the coming months, we will explore all of the possibilities GTM can offer, so stay tuned for the next blog!</strong></p>`,featuredImage:"https://dropinblog.net/cdn-cgi/image/fit=scale-down,format=auto,width=700/34249716/files/featured/PPC_best_practice.png",id:1411285661,keyword:"PPC Best Practice",modifiedAt:"2021-01-12T12:00:00.000Z",noindex:!1,pinned:0,publishedAt:"2021-01-12T12:00:00.000Z",readtime:"4 minute read",related_posts:[{featuredImage:"https://dropinblog.net/cdn-cgi/image/fit=scale-down,format=auto,width=700/34249716/files/featured/brand_campaigns.png",id:3027415220,slug:"clean-digital-ppc-best-practice-series-brand-campaigns-are-they-worth-it",summary:"Whether or not to run Brand campaigns on Google Ads seems to be a controversial topic amongst advertisers. Next up in our blog series weâll dive into",title:"PPC Best Practice: Brand Campaigns â Are they worth it?",url:"https://cleandigital.co.uk/blog/clean-digital-ppc-best-practice-series-brand-campaigns-are-they-worth-it"},{featuredImage:"https://dropinblog.net/cdn-cgi/image/fit=scale-down,format=auto,width=700/34249716/files/featured/Spotify_Advertising.png",id:640643470,slug:"the-world-of-spotify-advertising",summary:"What is Spotify Advertising? Spotify is an online music streaming service that offers both free & premium access to a diverse library of music and",title:"The World of Spotify Advertising",url:"https://cleandigital.co.uk/blog/the-world-of-spotify-advertising"},{featuredImage:"https://dropinblog.net/cdn-cgi/image/fit=scale-down,format=auto,width=700/34249716/files/featured/Google_Shopping.png",id:3420706680,slug:"clean-digital-ppc-best-practice-series-google-shopping",summary:"Since its inception Google Shopping has come full circle; initially starting as free listings, before becoming a fully-paid platform under Google Ads. In",title:"Clean Digital PPC Best Practice Series: Google Shopping",url:"https://cleandigital.co.uk/blog/clean-digital-ppc-best-practice-series-google-shopping"}],secondaryKeywords:[],seoDescription:"Here we will explore different PPC best practice techniques to learn how we
36can track a form without having to contact your web developers. Follow the steps!",seoTitle:'PPC Best Practice: Tracking Forms Without The "Thank You" Page',shareUrl:"https://cleandigital.co.uk/blog/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page",slug:"clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page",status:"published",summary:"We have previously written about how useful GTM (Google Tag Manager) is and how complex it can get. However, today we are going to get back to basics to",title:'PPC Best Practice: Tracking Forms Without The "Thank You" Page',url:"https://cleandigital.co.uk/blog/clean-digital-ppc-best-practice-series-tracking-forms-without-the-thank-you-page",visibility:"public"},b=()=>e.createElement(t,{initialPostData:i});export{b as Component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.