在Chrome打包应用中使用Google Analytics?

时间:2015-11-18 05:13:49

标签: google-chrome-extension google-analytics

我有一个现有的网络应用程序,我想将其打包为Chrome打包应用程序,但在尝试点击谷歌分析时遇到以下错误:

  

拒绝加载图片   'http://www.google-analytics.com/__utm.gif ...'因为它违反了   遵循内容安全策略指令:“img-src'self'blob:   filesystem:data:chrome-extension-resource:“。

here所述,将content_security_policy添加到我的manifest.son似乎已过时并且给我错误。

  

尝试安装此扩展程序时出现警告:   'content_security_policy'仅允许扩展和遗留   打包的应用程序,但这是一个打包的应用程序。

注册Google Analytics分析页面视图的套餐应用方式是什么?

1 个答案:

答案 0 :(得分:1)

apps documentation说:

  

您的Chrome应用只能引用应用中的脚本和对象,但媒体文件除外(应用可以引用包外的视频和音频)。 Chrome扩展程序可让您放宽默认的内容安全政策; Chrome应用不会。

  • 使用支持应用的GA脚本的chrome-platform-analytics版本
  • 在您的应用包中加入GA脚本,将其加载为本地脚本:

    <script src="google-analytics-bundle.js"></script>
    <script src="mainwindow.js"></script>
    
  • 在manifest.json中添加必要的权限:

    "permissions": ["https://www.google-analytics.com/*"]
    
  • 初始化:

    service = analytics.getService('my_app');
    service.getConfig().addCallback(function(config) {
        console.log(config.isTrackingPermitted());
        config.setTrackingPermitted(true);
    });
    
    // Get a Tracker using your Google Analytics app Tracking ID.
    tracker = service.getTracker('UA-XXXXX-X');
    
    // Record an "appView" each time the user launches your app or goes to a new
    // screen within the app.
    tracker.sendAppView('MainView');
    

代码引自官方应用示例Google analytics app中的repository on github