Chevron Left

查看所有社区故事

在 Notion 中使用 Metabase

2025 年 1 月 26 日

作者

郭廷劭

节点

photo of Ting-Shao Kuo

郭廷劭是一名软件工程师。除了制作软件,他还通过建立内部系统来不断改进团队。您可以在 X 上联系邵(@bottle_of_soul)。

想在 Notion 中添加 Metabase 仪表板?如果您的团队使用 Notion 来保持井然有序,嵌入 Metabase 可以将您的数据带入日常工作流程。以下是使用 CodePen 实现此目的的方法。

为什么要在 Notion 中嵌入 Metabase?

在一家 SaaS 公司工作,我深知数据的重要性——尤其是在理解用户行为方面。我们依靠数据来改进产品、确定功能优先级和优化设计。

为了让我们的决策更加数据驱动,我想将 Metabase 仪表板集成到我们日常使用的项目管理工具中。由于我们的团队使用 Notion 处理所有事情——从会议记录到设计草稿——我找到了一种使用 CodePen 将 Metabase 图表直接嵌入到 Notion 中的方法。

如果您是 Metabase 的新手,请查阅我们的入门指南以设置您的第一个仪表板。

使用 CodePen 在 Notion 中嵌入 Metabase 的 3 个步骤

步骤 1. 在 Metabase 中复制 iframe 代码

转到您要嵌入 Notion 的 Metabase 问题,然后单击右下角的共享图标。

Screenshot of a chart build with Metabase

然后启用您问题的共享并复制 iframe 代码。

Screenshot of enabling sharing option in Metabase

步骤 2. 将您的 iframe 代码粘贴到 CodePen 中

您需要使用 CodePen 的原因是 Notion 不支持 Metabase 的原生 iframe 代码,但它支持 CodePen。

Codepen

Codepen

单击“调试模式”后,浏览器中将打开一个新选项卡。复制该选项卡的 URL。

步骤 3. 将 CodePen URL 粘贴到您的 Notion 页面中

打开您的 Notion 页面并键入 “/codepen” 以创建 CodePen 块。

Codepen & Notion

将上一步中复制的 URL 粘贴到 CodePen 块中,然后单击“嵌入链接”。

Embedding link in Notion

现在您可以在 Notion 中直接查看您的交互式 Metabase 图表!

Metabase embedded in Notion

重要提示

请注意,这不是 Metabase 的官方指南。
遵循这些步骤将使您的仪表板公开。了解有关Metabase 安全设置的更多信息。

作者

郭廷劭

节点

photo of Ting-Shao Kuo

郭廷劭是一名软件工程师。除了制作软件,他还通过建立内部系统来不断改进团队。您可以在 X 上联系邵(@bottle_of_soul)。

您可能也喜欢

预测下一次点击

Ukrit Wattanavaekin

Metabase

利用数据提供可信的指标

Frédéric Vion

Subclic

您可能也喜欢

预测下一次点击

Ukrit Wattanavaekin

Metabase

利用数据提供可信的指标

Frédéric Vion

Subclic

© . This site is unofficial and not affiliated with Metabase, Inc.