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, the conversion code gets executed when your user submits the contact form.

 

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

1. Sign in to your Google Ads account.

2. Click the Tools & Settings option.

3. Under Measurement, click Conversions. This leads 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 set up to view the tag details.

6. Choose 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 with your Conversion ID and Conversion Label from Google Ads.

 

Step 3: Put the code into 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 Tools & Settings menu.

3. Under Measurement, click Conversions. This leads 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 set up 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 with your Conversion ID and Conversion Label from Google Ads.

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

 

Step 3: Put the code into 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