为什么要将Tealium utag脚本动态添加到页面中

Question

我看到了tealium utag.js文档，该文档建议在以下代码片段中包含该标记。基本上，它创建一个异步脚本标记，并将其插入文档的第一个脚本标记之前。

<script type="text/javascript">
// some setup needed for Tealium utag.js to work properly
</script>
<!-- Tealium snippet to include utag.js -->
<script type="text/javascript">
(function(a,b,c,d) {
a='//tags.tiqcdn.com/utag/ACCOUNT/PROFILE/ENVIRONMENT/utag.js';
b=document;c='script';d=b.createElement(c);d.src=a;
d.type='text/java'+c;d.async=true;
a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})();
</script>

我想知道使用这个片段而不是直接将脚本包含在DOM中是否有任何优势/区别。

<script type="text/javascript">
// some setup needed for Tealium utag.js to work properly
</script>
<!-- Include utag.js asynchronously -->
<script type="text/javascript" src="//tags.tiqcdn.com/utag/ACCOUNT/PROFILE/ENVIRONMENT/utag.js" async></script>

Answer 1

原因是推荐的方法与100%的浏览器兼容。大多数现代浏览器都支持async选项，因此使用它可能是安全的，但您可能会有使用旧浏览器的访问者。你可能想谨慎行事，并确保你支持所有用户。

https://caniuse.com/script-async