我如何通过点击 Javascript 将其代码插入头部来激活 Google 标签管理器？

Question

所以我的主要问题是我只在 HTML、CSS 和 JavaScript 中创建了一个网站.. 没有使用 CMS。

并且我添加了来自以下网站的 Cookie 通知：https://www.cssscript.com/multilingual-cookie-consent-popup/

现在一切正常，但重要的是，一旦有人接受 cookie 通知并点击“我明白”，只有这样 Google 标签管理器激活码才会添加到 [=31] 中的 HEAD =] 文档.

但是在加载网站时，它还需要检查名称为“cc_cookie”的 cookie 是否已经存在。如果 cookie 已经存在，那么 Google 标签管理器代码也应该被激活，如果它不存在，那么应该出现正常的 cookie 通知。

这有意义吗？还是我把它复杂化了？

主要问题是：如何在使用 JavaScript 接受 cookie 后添加激活 Google 标签管理器的 cookie 通知（通过在 HEAD 中插入代码）？

PS: GTM 激活码只是一个类似于示例代码的脚本

在此先感谢您的帮助！

Answer 1

也许你想要这样的东西？

并将 gtmId 替换为您的。

function activateGTM(){
    var gtmId = "GTM-AAAAAAA";
    (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',gtmId);
}

// when user click the cookie button or check the cookie exists
// activateGTM();

Answer 2

创作者在这里该插件刚刚更新，现在只要用户第一次接受 cookie 同意或他已经接受，以及每当他更改 cookie 策略设置时，就会触发一个回调函数。查看 github! 存储库，演示也已更新，添加了回调函数作为示例。

（注意：cssscript 网站上的配置设置和演示示例不是 up-to 日期）。

我如何通过点击 Javascript 将其代码插入头部来激活 Google 标签管理器？

How can I activate Google Tag Manager by inserting it's code in the head via Javascript upon a click?

javascript

google-tag-manager