動態插入GA跟蹤ID代碼會產生錯誤“未檢測到HTTP響應” ​​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響應的錯誤消息

缺少HTTP響應表示，盡管在頁面源中檢測到Google Analytics（分析）代碼，但腳本本身未執行。 每次執行Google Analytics（分析）腳本時，我們都希望HTTP響應將跟蹤請求傳送到Google的服務器。 這意味着該頁面上的Google Analytics（分析）代碼未正確實施，因此不會收集任何數據。

如果我手動將跟蹤ID添加到index.html-沒有錯誤。 但是我仍然會以某種方式在Google Analytics（分析）中接收數據，但是在Google Analytics（分析）中收到以下錯誤消息：

找不到有效的跟蹤代碼。 確保您的頁面被標記為受支持的跟蹤代碼版本。

有什么有效的方法可以動態添加跟蹤ID？

Answer 1

只需使用Google跟蹤代碼管理器即可。

使用Google跟蹤代碼管理器，您可以設置一個查詢變量，該變量采用{{Page Hostname}}變量並輸出相關的跟蹤ID。

這是我一起提出的一個例子。 請記住，如果主機名以“ www。”開頭，則該主機名將被認為是不同的，並且查找表僅匹配精確值（盡管它也提供了默認選項，可用於調試目的）。

使用Google跟蹤代碼管理器部署“網頁視圖”代碼時，只需將“跟蹤ID”字段設置為等於您命名變量的值即可。