想在 Notion 中添加 Metabase 仪表板?如果您的团队使用 Notion 来保持井然有序,嵌入 Metabase 可以将您的数据带入日常工作流程。以下是使用 CodePen 实现此目的的方法。
为什么要在 Notion 中嵌入 Metabase?
在一家 SaaS 公司工作,我深知数据的重要性——尤其是在理解用户行为方面。我们依靠数据来改进产品、确定功能优先级和优化设计。
为了让我们的决策更加数据驱动,我想将 Metabase 仪表板集成到我们日常使用的项目管理工具中。由于我们的团队使用 Notion 处理所有事情——从会议记录到设计草稿——我找到了一种使用 CodePen 将 Metabase 图表直接嵌入到 Notion 中的方法。
如果您是 Metabase 的新手,请查阅我们的入门指南以设置您的第一个仪表板。
使用 CodePen 在 Notion 中嵌入 Metabase 的 3 个步骤
步骤 1. 在 Metabase 中复制 iframe 代码
转到您要嵌入 Notion 的 Metabase 问题,然后单击右下角的共享图标。
然后启用您问题的共享并复制 iframe 代码。
步骤 2. 将您的 iframe 代码粘贴到 CodePen 中
您需要使用 CodePen 的原因是 Notion 不支持 Metabase 的原生 iframe 代码,但它支持 CodePen。
单击“调试模式”后,浏览器中将打开一个新选项卡。复制该选项卡的 URL。
步骤 3. 将 CodePen URL 粘贴到您的 Notion 页面中
打开您的 Notion 页面并键入 “/codepen” 以创建 CodePen 块。
将上一步中复制的 URL 粘贴到 CodePen 块中,然后单击“嵌入链接”。
现在您可以在 Notion 中直接查看您的交互式 Metabase 图表!
重要提示
请注意,这不是 Metabase 的官方指南。
遵循这些步骤将使您的仪表板公开。了解有关Metabase 安全设置的更多信息。