在Google Looker Studio中点击按钮时如何获取下拉筛选值并调用API？

方案1：自定义按钮 + Google Apps Script（推荐） #

这是最灵活的实现方式，适配复杂API请求场景：

• 在Looker Studio中添加文本框，设置为按钮样式（比如输入「调用API」）。
• 新建Google Apps Script项目，编写脚本读取筛选器值并触发API请求：

  function triggerAPI() {
    // 获取目标筛选器（按实际索引调整，0代表第一个筛选器）
    const dashboard = DashboardApp.getActiveDashboard();
    const yearFilter = dashboard.getFilterControls()[0];
    const selectedYears = yearFilter.getSelectedValues();
    
    // 拼接API请求参数，多值用逗号分隔
    const queryParams = `years=${selectedYears.join(",")}`;
    const apiEndpoint = `https://your-api-url.com/?${queryParams}`;
    
    // 发起API请求，可按需调整请求方法、请求头
    UrlFetchApp.fetch(apiEndpoint, {
      method: "GET",
      headers: {
        // 示例："Authorization": "Bearer your-token"
      }
    });
  }
  

• 将脚本部署为Web App，获取部署后的访问URL。
• 给Looker Studio里的文本框按钮添加超链接，指向该Web App URL，点击按钮即可触发脚本获取筛选值并调用API。

方案2：社区可视化组件 #

借助Looker Studio社区可视化功能，快速实现需求：

• 在仪表板的「添加组件」中选择「社区可视化」，搜索支持筛选值联动API的按钮类组件。
• 配置组件时绑定年份筛选器字段，设置API端点和参数映射规则（比如将选中年份映射到years参数）。
• 组件会自动读取筛选器选中值，点击组件按钮即可直接发起API请求。

方案3：URL参数联动（轻量方案） #

适合无需复杂处理的GET请求场景：

• 打开年份筛选器的「控件设置」，勾选「将筛选器状态添加到URL」，此时仪表板URL会自动带上筛选参数（比如&filter=year:2024,2025,2026）。
• 制作简单中转页面（比如Google Sites或静态HTML页面），读取URL中的筛选参数，拼接成API请求地址后发起请求。
• 在Looker Studio中添加超链接按钮，指向中转页面URL，点击后页面会自动提取筛选值并调用API。

注意点 #

• 若API需要POST请求、认证信息或复杂逻辑，优先采用方案1，避免前端暴露敏感内容。
• 调整筛选器时，需对应修改脚本中的筛选器索引，确保能正确获取目标筛选器的选中值。

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