How do I install Google Tag Manager?

You can add your Google Tag Manager script into a block so that it functions on every page of your website. It is not possible to add code directly into the <head> section of your website, so we instead add an HTML block to your footer and the code functions as needed. Follow the steps below to install Google Tag Manager:

1. Select Content from the Dashboard navigation bar.

2. Select Footer in the sidebar under Global Content.

3. Select the green (+) button at the bottom of the page or between your current content blocks, you will see all of your available block options.

4. Select the green HTML option:

html_3and4.jpg

5. We have a custom Google Tag Manager code that you must use on your liveBooks Site, so go into this code below and replace the GTM-##### ID with your own, then paste it into the large field box in your HTML block:

<!-- Google Tag Manager -->
<script id="gtm-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.getElementById('gtm-script'),
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
// SC CUSTOM EDIT - find first child of body
var body = document.querySelector('body'),
firstChild = body.children[0];
body.insertBefore(j,firstChild);
})(window,document,'script','dataLayer','GTM-######');
</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-######"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

 

 

step5_html.jpg

6. Select the blue Save button:

step6_html.jpg

7. Select the green Publish button to make your changes live no

Didn’t find what you were looking for?

We'll help you find the answer or connect with an advisor.

Chat Phone