从数据库中检索GTM代码并显示在angularJS应用程序中

我有几个使用AngularJS应用程序的网站。每个网站都有不同的GTM跟踪。我将跟踪代码存储在我们的数据库中。例如：从数据库中检索GTM代码并显示在angularJS应用程序中

<!-- Google Tag Manager --> 
    <noscript> 
     <iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXX" 
       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-XXXXX');</script> 
    <!-- End Google Tag Manager -->

在我的角度的应用程序，我已经检索了代码，但我该如何去插入到我的HTML？我试过了：

<div id="tracking"> 
    {{tracking}} 
</div>

但是这会在屏幕上显示代码。

来源

2016-08-19 user1024941

请发布更多代码...您如何分配跟踪变量？ ng-app，ng-controller在哪里？你在控制器中做什么？谷歌标签管理器超出了控制器范围，您如何检索代码？ – Silvinus

看来解决方案是使用$ sce服务。示例：http://erikaugust.com/thoughts/ng-bind-html/

来源

2016-08-21 23:27:23 user1024941

这可能会帮助你

，而不是

<div id="tracking"> 
    {{tracking}} 
</div>

你写的

<div ng-bind-html="tracking"> 
</div>

在脚本中你必须做

<script src="https://code.angularjs.org/1.4.9/angular.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js"></script>

和模块

在注入

var app = angular.module('myApp', ['ngSanitize']);

来源

2016-08-19 08:29:34 tanthuc

我刚刚通过将GTM代码放入要测试的范围变量来尝试此操作。我没有错误，但是当我检查HTML时，我可以看到ng-bind-html DIV，但脚本代码不在里面。我甚至尝试过简单的，这也不会出现。 – user1024941

从数据库中检索GTM代码并显示在angularJS应用程序中

回答

相关问题