javascript - contentOwner に基づいて Youtube Monetary データを HTML にロードする方法

Question

HTML フォームから入力を取得し、コンテンツ所有者の YouTube 分析を表示しようとしています。以下のサンプルを修正しました。

https://developers.google.com/youtube/analytics/v1/sample-application

次のスコープを使用しています

var OAUTH2_SCOPES = [ 'https://www.googleapis.com/auth/yt-analytics.readonly', 'https://www.googleapis.com/auth/yt-analytics-monetary.readonly', 'https://www.googleapis.com/auth/youtube.readonly', 'https://www.googleapis.com/auth/youtubepartner' ];

getUserMetrics() 関数は、HTML フォームから実行されます。

  <div class="form">
Earnings and Ad Performance Metrics
<form name="metrics" action="form.asp">
  CMS Name: <input type="text" name="ownerName"/><br />
  Start date: <input type="date" name="startDate"/>
  End date: <input type="date" name="endDate"/>
  <input type="button"  value="Submit" onclick="getUserMetrics(ownerName,startDate,endDate)"/>
</form>

function getUserMetrics(ownerName,startDate,endDate){
  var owner = ownerName.value;
  var start = startDate.value;
  var end = endDate.value;
  var request = gapi.client.youtubeAnalytics.reports.query({
      'start-date': start,
      'end-date': end,
       ids: 'contentOwner=='+owner,
       metrics : 'views,earnings,grossRevenue,playbackBasedCpm,monetizedPlaybacks,impressions,impressionBasedCpm',
       filter: 'claimedStatus==claimed'
  });


request.execute(function(response){
    if("error" in response){
        console.log(response);
    }
    else{
        console.log("success");
    }
});

これは API Explorer でうまく機能します: https://developers.google.com/apis-explorer/#p/youtubeAnalytics/v1/youtubeAnalytics.reports.query

同じメトリック、フィルターなどを使用しますが、フォームから実行するとエラーが発生します。クエリはサポートされていません。最終的には結果を html ページに表示したいのですが、このエラーを乗り越えられないようです。