title: <iframe> y read as '&lt;' inside noscript tag
body: <p>I'm adding <em>Google Tag Manager</em> to a website but I'm getting something unusual. I add the code like this:</p>
  
  <pre><code>{% if not debug %}
      &lt;!-- Google Tag Manager --&gt;
      &lt;noscript&gt;
          &lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-CODE"
                        height="0" width="0" style="display:none;visibility:hidden"&gt;
          &lt;/iframe&gt;
      &lt;/noscript&gt;
      &lt;script&gt;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
              j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src=
              '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-CODE');&lt;/script&gt;
      &lt;!-- End Google Tag Manager --&gt;
  {% endif %}
  </code></pre>
  
  <p>But when I inspect the code in Chrome browser I see this:</p>
  
  <pre><code>&lt;noscript&gt;&amp;lt;iframe src="//www.googletagmanager.com/...sibility:hidden"&amp;gt; &amp;lt;/iframe&amp;gt;&lt;/noscript&gt;
  </code></pre>
  
  <p>In old versions I added <em>Google analytics</em> and <em>Crazy Egg</em> without problems. Any idea? Thanks.</p>