如何检查html标签上是否已经加载了Google标签

时间:2019-04-25 15:09:42

标签: javascript html

我有一个默认页面和一个母版页面,我正在向它们添加google Analytics标签。但是,这些页面由不同的内容页面使用。因此,当我将标签添加到内容页面上的两个页面时,它会被添加两次。

如何检查标记是否已存在,然后不加载其中之一?

这是我的代码

 <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>

因此,例如,如果某个测试页同时使用了默认页和母版页HTML,则它仅应将Google标记附加一次到该测试页。目前,它被添加了两次。我该如何实现?

1 个答案:

答案 0 :(得分:0)

window.dataLayer将在运行一次之后存在,因此您可以将以上代码包装在if中

if(window.dataLayer) {
    (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');
}