Chrome扩展程序的Analytics（分析）事件跟踪

Question

我正在尝试在Chrome扩展程序中添加Google Analytics（分析）事件跟踪，但似乎无法将事件正确发送到服务器。 我正在从内容脚本向后台脚本发送消息，以使其了解跟踪事件，并使用_gaq.push（）尝试将事件发送到服务器。 我将包括我在这里的内容，希望能对我有所帮助，因为我会发现问题所在/遗漏之处

这是我的清单文件 ，我已将Google Analytics（分析）添加到content_security_policy

{
    "name": "XXXXXX",
    "short_name": "XXXXXX",
    "version": "0.4.2",
    "description": "XXXXXX",
    "icons": { "128": "icon_128.png", "48": "icon_48.png" },
    "permissions": ["storage"],
    "content_security_policy" : "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
    "content_scripts": [
        {
            "matches": [
                "XXXXXX",
                "XXXXXX"
            ],
            "js": ["jquery.js","jquery.ba-hashchange.min.js","contentscript.js"],
            "run_at": "document_end"
        }
    ],
    "background" : {
        "scripts" : ["background.js"],
        "persistent" : false
    },
    "manifest_version": 2
}

这是我的内容脚本中的调用，可让后台脚本知道如何使用Google Analytics（分析）跟踪事件

//send message to background.js for analytics event tracking
chrome.runtime.sendMessage({
      action : 'analytics_add_item',
      item_name : item.name,
      item_stat : item.stat,
      item_number : itemNumber
}, function(response) {
       //
});

这是我的背景脚本 ，侦听消息并通过跟踪事件进行响应（嗯，无论如何应该如此）

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {

        //track event - create
        if(request.action == "analytics_add_item"){
            _gaq.push(['_trackEvent',
                request.action,
                request.item_name.toLowerCase(),
                request.item_stat,
                request.item_number
            ]);
        }

});

Answer 1

GA在我的分机的后台页面中运行良好： https ： //github.com/WellDoneCode/perfectpixel/blob/develop/Extension/background.js

您是否已将GA脚本添加到背景页面？

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = 'https://ssl.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

顺便说一句，您可以使用“ https://ssl.google-analytics.com/u/ga_debug.js ”作为src来在控制台中查看调试信息。

Answer 2

这应该是正确的答案。 我遇到了一种可靠的方式来执行任务，我相信它是Google本身提供的示例，并带有推荐的方式（请阅读代码段中的注释）。 链接到示例扩展程序，该扩展程序使用Google Analytics（分析）跟踪数据。 https://developer.chrome.com/extensions/examples/tutorials/analytics.zip

该代码段供参考：

// Copyright (c) 2012 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

  /**
   * Add your Analytics tracking ID here.
   */
  var _AnalyticsCode = 'UA-XXXXXX-X';

  /**
   * Below is a modified version of the Google Analytics asynchronous tracking
   * code snippet.  It has been modified to pull the HTTPS version of ga.js
   * instead of the default HTTP version.  It is recommended that you use this
   * snippet instead of the standard tracking snippet provided when setting up
   * a Google Analytics account.
   */
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', _AnalyticsCode]);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = true;
    ga.src = 'https://ssl.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);
  })();

/**
 * Track a click on a button using the asynchronous tracking API.
 *
 * See http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html
 * for information on how to use the asynchronous tracking API.
 */
function trackButtonClick(e) {
  _gaq.push(['_trackEvent', e.target.id, 'clicked']);
}

/**
 * Now set up your event handlers for the popup's `button` elements once the
 * popup's DOM has loaded.
 */
document.addEventListener('DOMContentLoaded', function () {
  var buttons = document.querySelectorAll('button');
  for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', trackButtonClick);
  }
});

同样正如Alex所指出的那样，要启用发送出去的分析数据的调试日志记录， 请在开发时使用https://ssl.google-analytics.com/u/ga_debug.js而不是https：//ssl.google-analytics。 com / ga.js。