Google Analytics嵌入API报错：uncaught exception [object Object]求助

我之前碰到好几个开发者遇到过一模一样的问题，看了你贴的代码，大概率是这几个细节没处理好，咱们一步步排查：

1. OAuth授权参数拼写错误（最常见原因） #

你代码里的gapi.analytics.auth.authorize方法用了clientid参数，但Google Analytics API的参数是驼峰命名的clientId，拼写错误会导致授权请求失败，抛出模糊的对象异常。

同时，建议显式添加只读权限的scope参数，这是授权的必要配置：

gapi.analytics.auth.authorize({ 
  container: 'auth-button', 
  clientId: CLIENT_ID, // 修正为驼峰的clientId
  scope: 'https://www.googleapis.com/auth/analytics.readonly'
});

2. 未启用Analytics Reporting API #

即使你有正确的CLIENT_ID，如果在Google Cloud Console里没有启用Analytics Reporting API，请求也会被拒绝，抛出异常：

• 登录Google Cloud Console，找到你的项目
• 在API库中搜索“Analytics Reporting API”，点击启用

3. OAuth客户端未授权当前域名 #

如果你的仪表盘域名没有添加到OAuth 2.0客户端ID的JavaScript来源列表中，浏览器会阻止跨域授权请求：

• 在Google Cloud Console的“API和服务”→“凭据”里找到你的CLIENT_ID
• 编辑客户端ID，把当前仪表盘的域名（比如http://localhost:3000或生产环境域名）添加到“已授权的JavaScript来源”

4. 添加错误捕获调试具体异常 #

为了更精准定位问题，建议给授权事件添加错误监听，打印具体的错误信息：

gapi.analytics.auth.on('error', function(error) {
  console.error('授权失败详情:', error); // 控制台会显示具体错误原因
});

修改后的完整代码 #

<section id="auth-button"></section>
<section id="view-selector"></section>
<section id="timeline"></section>
<script>
(function(w,d,s,g,js,fjs){ g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(cb){this.q.push(cb)}}; js=d.createElement(s);fjs=d.getElementsByTagName(s)[0]; js.src='https://apis.google.com/js/platform.js'; fjs.parentNode.insertBefore(js,fjs);js.onload=function(){g.load('analytics')}; }(window,document,'script'));
</script>
<script>
gapi.analytics.ready(function() {
  var CLIENT_ID = 'xxxxxxxxxxxx.apps.googleusercontent.com';
  
  // 修正授权参数并添加scope
  gapi.analytics.auth.authorize({ 
    container: 'auth-button', 
    clientId: CLIENT_ID,
    scope: 'https://www.googleapis.com/auth/analytics.readonly'
  });

  var viewSelector = new gapi.analytics.ViewSelector({ container: 'view-selector' });
  var timeline = new gapi.analytics.googleCharts.DataChart({ 
    reportType: 'ga', 
    query: { 
      'dimensions': 'ga:date', 
      'metrics': 'ga:sessions', 
      'start-date': '30daysAgo', 
      'end-date': 'yesterday', 
    }, 
    chart: { 
      type: 'LINE', 
      container: 'timeline' 
    } 
  });

  // 监听授权成功与失败事件
  gapi.analytics.auth.on('success', function(response) { 
    viewSelector.execute(); 
    console.log('授权成功:', response); 
  });
  
  gapi.analytics.auth.on('error', function(error) {
    console.error('授权失败详情:', error);
  });

  viewSelector.on('change', function(ids) { 
    var newIds = { query: { ids: ids } };
    timeline.set(newIds).execute(); 
  });
});
</script>

先试试修正clientId拼写，这通常就能解决问题，如果还不行，再检查API启用状态和域名授权，最后通过错误监听看具体报错信息。

内容的提问来源于stack exchange，提问作者WebDeg Brian