title: Inject custom tag into Microsoft Clarity with GTM
body: <p>Having user defined variable e.g. <code>{{username}}</code>, I want to defined a MS Clarity custom tag</p>
  <p>doc:
  <a href="https://docs.microsoft.com/en-us/clarity/custom-tags" rel="nofollow noreferrer">https://docs.microsoft.com/en-us/clarity/custom-tags</a></p>
  <pre><code>clarity(&quot;set&quot;, &quot;key&quot;, &quot;value&quot;);
  </code></pre>
  <p>Which in GTM context would be:</p>
  <pre><code>clarity(&quot;set&quot;, &quot;username&quot;, {{username}});
  </code></pre>
  <h3>GTM Clarity custom HTML</h3>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
      (function(c,l,a,r,i,t,y){
          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
          t=l.createElement(r);t.async=1;t.src=&quot;https://www.clarity.ms/tag/&quot;+i;
          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, &quot;clarity&quot;, &quot;script&quot;, &quot;apikey&quot;);
  &lt;/script&gt;
  </code></pre>
  <h3>Question</h3>
  <p>Where must MS custom tags portion <code>clarity(&quot;set&quot;...</code> be places in GTM?</p>