Googleタグマネージャースクリプトインジェクション

Question

最近、GTMタグのクリーンアップを担当しています。たとえば、JSを使用してDOMに挿入することにより、多くのタグにリモートスクリプトが含まれています。

var head = document.getElementsByTagName('head')[0]
var js = document.createElement('script');
js.src = 'https://cdn.somewhere.com/script.js';
head.appendChild(js);

人々がこれを単に使用するのではなく、このように行う特定の理由はありますか？

<script type="text/javascript" src="https://cdn.somewhere.com/script.js" async></script>

最初の方法でそれを行う利点は何ですか？外部スクリプトを処理するより良い方法はありますか？

Answer 1

2番目のコードでは、ドキュメントの特定の位置（またはGTMで定義）ではなく、appendChildを使用して、指定した要素（この場合はhead）に要素を追加します。