将带有 src 的脚本放在另一个脚本标签中[重复]答案

【问题标题】：Putting a script with a src inside another script tag [duplicate]将带有 src 的脚本放在另一个脚本标签中[重复]
【发布时间】：2021-06-26 05:41:58
【问题描述】：

我在使脚本符合 GDPR 时遇到问题。

这是我需要在我的 wordpress 网站上安装的 albacross 脚本标签

<script>window._nQc="89458209";</script>
<script async src="https://serve.albacross.com/track.js"></script>

为了使其符合 GDPR，我们使用www.cookieinformation.com。他们将脚本包装在自己的脚本中，以确保仅在用户接受 cookie 时才会触发。这是我们包装其他数据收集脚本的脚本：

<script>
window.addEventListener('CookieInformationConsentGiven', function (event) { 
    if (CookieInformation.getConsentGivenFor('cookie_cat_statistic')) {

//Script that needs to be GDPR compliant goes here

    }
}, false);
</script>

这当然行不通：

<script>
window.addEventListener('CookieInformationConsentGiven', function (event) { 
    if (CookieInformation.getConsentGivenFor('cookie_cat_statistic')) {

<script>window._nQc="89458209";</script>
<script async src="https://serve.albacross.com/track.js"></script>

    }
}, false);
</script>

您将如何实现它以使 albacross 脚本在 cookieinformation 脚本允许之前不会触发？

【问题讨论】：

标签： javascript wordpress

【解决方案1】：

您可以通过JS添加一个新的balise脚本

  const tag = document.createElement("script");
  tag.async = true;
  tag.src = "....";
  const head = document.getElementByTagName("head")[0];
  head.appendChild(tag);

【讨论】：