Googleタグマネージャ - IDを動的にする

Question

私のアプリケーションにGoogleタグマネージャを実装する必要があります。これは、別の構成システムを持つマルチテナントアプリケーションです。

セットアップGoogleタグマネージャとアナリティクスがあります。私はちょうど私の体のページの下に次のコードスニペットを追加してい： -

<!-- Google Tag Manager --> 
<noscript> 
    <iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX" 
      height="0" width="0" style="display:none;visibility:hidden"></iframe> 
</noscript> 
<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= 
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
})(window, document, 'script', 'dataLayer', 'GTM-XXXX');</script> 
<!-- End Google Tag Manager --> 

私は動的にロードされているサイトに基づいて（「GTM-XXXX」）IDを指定する必要がありますが。上記のコードスニペットでidを実行時に/動的に記述する方法はありますか？ iframeとスクリプトのidを置き換えたり変更したりする必要があります。

はまた、ANは、IFRAME、スクリプトが相互に排他的であるフロントエンド

Answer 1

をangularJSことに注意してください。 1つは、ユーザーがJavascriptを有効にしている（基本的には常に）場合、もう1つはJavascriptを有効にした場合です（Googleタグマネージャが最善を尽くす状況では、

特定の変数に応じて、展開するGTMコードを決定し、それぞれのコードセグメントまたはiframe srcを置き換える小さな関数を書くだけで済みます。