Написать в Google Sheets (расширение Chrome)

Question

Я извлек данные с сайта, который сейчас находится в словаре.Теперь я хочу записать данные в Google Sheets (существующий), но мне трудно.

Я использовал пример из Google Sheets API, но я получаю ReferenceError: gapi isне определено.

Я уже создал идентификатор клиента для oAuth.Может ли кто-нибудь направить меня на простую запись в Google листы из расширения Chrome

manifest.json

{
  "name": "xxx",
  "version": "1.0",
  "manifest_version": 2,
  "description": "xxx ",
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
   "permissions": [
    "activeTab"
  ],
  "browser_action": {
    "default_title": "xxx"
  }
}

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {

    var xhr = new XMLHttpRequest()
    xhr.open("GET", "xx--url--xx", false);
    xhr.send()
    var result = xhr.responseText;

    var product = []
    parsedResult = result.split(/\r\n|\n/)

    for (var i = 2; i < parsedResult.length - 1; i++) {
        var data = parsedResult[i].split(';')
        product.push({key: data[1], value: data[2]})
    }
    console.log(product)
    //Product current holds the data in dictionary format


    var gSheets = "-----link to google sheets I want to insert data-----"
    chrome.tabs.create({url: gSheets})


    var values = [
        ["Product Name", "Quantity"]
      ];
      var body = {
        values: values
      };

            gapi.client.sheets.spreadsheets.values.update({
              spreadsheetId: "-----spreadsheetID-----",
              range: "Sheet1!1:2",
              valueInputOption: 'RAW',
              resource: body
            }).then((response) => {
              var result = response.result;
              console.log(`${result.updatedCells} cells updated.`);
            });

});