Google Tag Manager - ID dynamisch machen

Question

Ich muss Google Tag Manager in meiner Anwendung implementieren. Es ist eine Multi-Tenant-Anwendung mit einem separaten Konfigurationssystem.

Ich habe Google Tag Manager und Analytics eingerichtet. Ich füge folgenden Code-Schnipsel direkt unter meinem Körper Seite: -

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

Allerdings muß ich dynamisch die ID angeben (‚GTM-XXXX‘), basierend auf welcher Seite geladen wird. Gibt es eine Möglichkeit ID im obigen Code-Snippet zur Laufzeit/dynamisch zu erwähnen? Ich muss Id im iframe und im Skript ersetzen/ändern.

Beachten Sie auch, dass seine ein AngularJS vorderen Ende

Answer 1

Das iframe und das Skript sich gegenseitig aus; einer tritt auf, wenn der Benutzer Javascript aktiviert hat (im Grunde die ganze Zeit), und der andere, wenn er dies nicht tut (in welcher Situation Google Tag Manager sein Bestes geben wird, aber wahrscheinlich nicht so gut verfolgen wird. Sie können separate erstellen Lösungen für jeden.

Sie müssen nur eine kleine Funktion schreiben, die in Abhängigkeit von einem bestimmbaren Variable, die GTM-Code zu implementieren entschieden, und entweder das Segment der Code ersetzt, oder die iframe src sind.