Googleタグマネージャーが「無効なhtml」というエラーを起こすhtmlタグを埋め込む方法について

Question

Googleタグマネージャーでチャットツールを導入しようとしたところ、
「 引用テキスト無効な HTML、CSS、または JavaScript があります」
というエラーを起こし、タグを入れることができません。
色々調べていくとHTML非標準のタグはタグマネージャーに入れる事ができないという事がわかりました。

そこで、以下のブログを参考に動的にhtmlを作成するjavascriptを作ってみたのですが、記述を誤っているようで動作しません。
誤りの箇所と解決策を教えていただく事可能でしょうか
https://eguweb.jp/analytics/31817/

入れる事ができない要素は fgidのようです。

本来入れる必要のあるコード

<!-- ** IZANAI ** - widget script tag -->
<script id="lampchat-widget" src="https://xxxxxxxxx" fgid="xxxxxxxxx" ></script>

記述したscript↓

<script>
  (function () {
    var el = document.createElement("div");
    el.setAttribute("id", "lampchat-widget");
    el.setAttribute("src", "https://xxxxxxxxx");
    el.setAttribute("fgid", "xxxxxxxxx");
    document.body.appendChild(el);
  });
</script>

Answer 1

Window: DOMContentLoaded イベント - Web API | MDN

HTMLが解釈され表示されたタイミングでDOMContentLoaded イベントが発生するかと思いますので、
そのタイミングで実行するよう改めてはいかがでしょうか。

<script>
  window.addEventListener('DOMContentLoaded', (_event) => {
    var el = document.createElement("div");
    el.setAttribute("id", "lampchat-widget");
    el.setAttribute("src", "https://xxxxxxxxx");
    el.setAttribute("fgid", "xxxxxxxxx");
    document.body.appendChild(el);
  });
</script>

とかでしょうか。（机上のコードなので動かなかったらご指摘ください）