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 --> 

그러나 나는 동적으로로드되는 위치에 따라 ID ('GTM-XXXX')를 지정해야합니다. 런타임에 위의 코드 스 니펫에서 id를 언급하는 방법이 있나요/동적입니까? iframe 및 스크립트에서 id를 바꾸거나 변경해야합니다.

는 또한 Iframe과 스크립트 상호 배타적

Answer 1

선단부를 AngularJS 및 참고; 하나는 사용자가 Javascript를 사용하도록 설정 한 경우 (기본적으로 항상)이고 다른 하나는 Javascript를 사용하지 않을 때 발생합니다 (Google 태그 관리자가 최선을 다하지만 모든 것을 잘 추적하지 못할 경우). 별도로 각각을위한 솔루션

식별 가능한 변수에 따라 배치 할 GTM 코드를 결정하고 해당 코드 세그먼트 또는 iframe src를 각각 대체하는 작은 함수를 작성하면됩니다.