すみません.Web系まったく素人ですので教えてください.
Googleアナリティクスのために以下のようなコードをHTMLに埋め込まねばなりません.手書きのHTMLではないので、このXMLファイルをXMLとして読み込んでルート要素の下位をXSLTスタイルシートでHTMLに入れこんでやります.
<?xml version="1.0" encoding="UTF-8"?>
<script>
<!-- Google Tag Manager -->
<script>(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'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-YYYYYYY');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=XXX-YYYYYYY"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</script>
ここで問題になるのがJavaScript中の&
です.XMLとして読むためには&
とエスケープしなければなりません.しかしこうすると、埋め込んだHTMLの方でも&
のままです.
&
はHTMLとしてブラウザが処理する場合、もしくはJavaScriptのエンジンが処理する場合、どのようにするのが一番適切でしょうか?
Webを読むとJavaScriptはコメントで埋め込めるような記述もあります.例えば以下のような感じです.
<?xml version="1.0" encoding="UTF-8"?>
<script>
<!-- Google Tag Manager -->
<script>
<!--
(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'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-YYYYYYY');
//-->
</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=XXX-YYYYYYY"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</script>
悲しいながらHTMLに入れたあとのテストができないので、どうするのが正解かわかりません.
スマートな方法がありましたら教えてください.