Tracking Conversions on Forms with Google Ads

If you'd like to use Google Adwords tracking on Strikingly's contact form, there are two possible methods:

 

 

On-page tracking

With this method, when your user submits the contact form, the conversion code gets executed. 

 

Step 1: Get your Conversion ID and Conversion Label from Google Ads

1. Sign in to your Google Ads account.

2. Click the Tools and Settings menu.

3. Under Measurement, click Conversions, which opens to the Conversion Actions table.

4. Select the name of the conversion that you want to use from the Conversion action column.

5. Expand the tab for Tag setup to view the tag details.

6. Select Use Google Tag Manager.

7. Copy the Conversion ID and Conversion Label

mceclip0.png

 

Step 2: Add your Conversion ID and Conversion Label

1. Copy the following code (all of them) to someplace, like notepad.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion()
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>

2. Replace the text YOUR_CONVERSION_ID and YOUR_CONVERSION_LABEL in the code to your Conversion ID and Conversion Label from Google Ads.

 

Step 3: Put the code to your Strikingly editor

1. Go to your site editor and click Settings > Show Advanced > Custom Code > Footer Code.

2. Paste the code there.

3. Click "SAVE".

4. Publish your site.

 

 

Success redirect page tracking

Use this method to redirect the visitor to a success page with a new URL. The conversion code will be executed upon submitting the form. You'll have two pages:

  • Page A: The page where the contact form is hosted
  • Page B: The success page

 

Step 1: Get your Conversion ID and Conversion Label from Google Ads

1. Sign in to your Google Ads account.

2. Click the Tools and Settings menu.

3. Under Measurement, click Conversions, which opens to the Conversion Actions table.

4. Select the name of the conversion that you want to use from the Conversion action column.

5. Expand the tab for Tag setup to view the tag details.

6. Select Use Google Tag Manager.

7. Copy the Conversion ID and Conversion Label

mceclip0.png

 

Step 2: Add your Conversion ID and Conversion Label

1. Copy the following code (all of them) to someplace, like notepad.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion("https://SUCCESS_PAGE_URL")
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>

2. Replace the text YOUR_CONVERSION_ID and YOUR_CONVERSION_LABEL in the code to your Conversion ID and Conversion Label from Google Ads.

3. Replace the text https://SUCCESS_PAGE_URL to Page B: The success page.

 

Step 3: Put the code to your Strikingly editor

1. Go to your site editor and click Settings > Show Advanced > Custom Code > Footer Code.

2. Paste the code there.

3. Click "SAVE".

4. Publish your site.

 

 

Feel free to send us an email or chat with us if you have more questions!

Have more questions? Submit a request