Articles in this section

See more

Implementing Google Tag Manager on Landing Pages

Avatar
Leya Wood
  • Updated
Follow
Not every SharpSpring user solely uses the site analytics provided by the application.

Often, users want Google Tag Manager implemented on their site along with SharpSpring tracking code.

By default, pages built in the Landing Page Builder and hosted in SharpSpring do not have Google Tag Manager tracking.

This article will detail how to implement Google Tag Manager on landing pages built in SharpSpring.


Article Contents

     Available with:    
  Marketing Automation ✓  
  CRM Ultimate    
  CRM PRO    
  CRM Free    
       
  Toolbar:    
01NavMarketing.png
       
  Users:    
  Administrators ✓  
  Company Managers    
  Marketing Managers    
  Sales Managers    
  Salespersons    
  Jr. Salespersons    
 


Placing Code on Landing Pages

To place tracking codes on landing pages, do the following:

  1. Click Landing Pages in SharpSpring's left toolbar.
  2. Create or edit a landing page.
  3. Click  code.png  Edit Code in the left panel.
  4. Change the Page drop-down menu to All Pages.
  5. Click the Head tab. 
  6. Replace GTM-XXXX with your container ID in the following code snippet:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->
  1. Copy the modified code snippet.
  2. Paste the code snippet immediately after the opening <head> tag on every page.
  3. Click Save and Close.
  4. Click Publish.

 

  

Click to enlarge.

 

 

 
 
Note: SharpSpring offers Professional Services to assist with custom coding.

Refer to Google's help documentation for more information on web tracking with Google Tag Manager. However, when utilizing this external documentation, do not follow the second step that deals with <body> tag content. Instead, use the supplied block of text in the above procedure.

This is due to how Google's instructions uses code that contains <noscript> tags. SharpSpring does not permit <noscript> tags. Also, Google's code can only run when JavaScript is not present in code. SharpSpring landing pages require JavaScript, which means that Google's supplied code would cause errors.

Related articles

×

Why was this help article not helpful?

Still didn't find what you are looking for?