How to add google tag manager inside script

Question

I'm using nuxtjs.

this is my google tag manager script:

<!-- 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', '***');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=G***" height="0" width="0"
            style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

but I got this error message (tag must not be included in a div):

my structure:

<div class="wrapper">
    <Heder />
    <main>
        <Nuxt/>
    </main>
   <Footer>


//my google tag manager script

</div>

Why not use [`@nuxtjs/gtm`](https://github.com/nuxt-community/gtm-module)? — tony19, Jun 13 '21 at 05:29
i am not familiar with nuxt but isn't there any `index.html` as a entry file to your app? why not setup there? — Deniz, Jun 13 '21 at 06:51

ThilankaD · Answer 1 · 2021-06-13T08:55:47.327

You should place the Google tag manager code snippet on every page you want to add GTM to it, inside the very first of the <head> tag, not the <body> tag. And <noscript> code should be placed immediately after the <body> tag as instructed in here

<html>
<head>

    <!-- 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', '***');
    </script>
    <!-- End Google Tag Manager -->

    //rest of the head
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=G***" height="0" width="0"
            style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

    // rest of the body
</body>

</html>

@S.M_Emamian is this addressed your problem? – ThilankaD Jun 19 '21 at 14:30 — ThilankaD, Jun 19 '21 at 14:30

How to add google tag manager inside script

1 Answers1