javascript - 动态插入 GA 跟踪 ID 代码会产生错误 "No HTTP response detected"Google 标记管理器

Question

我有多个具有不同跟踪 ID 的域 - 每个域都有自己的跟踪 ID。

我使用以下指令插入正确的 ID:

app.directive('analytics', ['$compile', function($compile) {
return {
    restrict: 'A',
    scope: {
        id: '=analytics'
    },
    link: function (scope) {
        var el =  $("#analytics");
        var text = "(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ";
        scope.$watch('id', function (trackId) {
            if (trackId) {
                $(el).append(text, "ga('create','" + trackId + "', 'auto');");
            }
            $compile(el)(scope);
        })
    }
};}]);

和<script id="analytics" type="text/javascript"></script>当然，我可以只创建脚本标签并插入到头部，而不是使用 id。

我收到错误“缺少 HTTP 响应”

Missing HTTP Response denotes that, while the Google Analytics code was detected in the page source, the script itself did not execute. Each time the Google Analytics script executes, we expect an HTTP Response carrying the tracking request to Google’s servers. This means that the Google Analytics code is not implemented properly on the page and no data will be collected.

如果我手动将跟踪 ID 添加到 index.html - 没有错误。但我仍然以某种方式在 Google Analytics 中接收数据，但在 Google Analytics 中收到以下错误消息:

No valid tracking code found for property. Make sure your pages are tagged with a supported version of the tracking code.

有没有有效的方法来动态添加跟踪ID？

Answer 1

只需使用 Google 跟踪代码管理器即可。

使用 Google 跟踪代码管理器，您可以设置一个查找变量，该变量采用 {{Page Hostname}} 变量并输出相关的跟踪 ID。

这是我整理的一个例子。请记住，如果主机名前面带有“www.”，则主机名将被视为不同，并且查找表仅匹配精确值(尽管它也提供了默认选项，您可以将其用于调试目的)。

使用 Google 跟踪代码管理器部署网页浏览代码时，只需将跟踪 ID 字段设置为等于您为变量命名的值。