Pore Clogging Checker 团队 · 最后更新：2026-09-17

把毛孔堵塞检查器嵌入任何网站

可以——小组件对任何网站免费，只需两行 HTML。访客无需离开你的页面就能查询成分，分析完全在他们的浏览器中完成：无需 API 密钥、无需注册、不收集任何数据。

如何把小组件添加到我的网站？

选好配置，查看实时预览，然后复制生成的代码。

语言主题预填成分表（可选）

实时预览

你的嵌入代码

<div data-pore-clogging-checker data-locale="zh"></div>
<script src="https://porecloggingchecker.app/widget.js" defer></script>

通过容器 div 上的 data 属性传递设置，全部为可选项。

选项	可选值	作用
`data-locale`	en · zh · ja · ko	小部件界面语言：en、zh、ja、ko、fr 或 es。默认跟随访客浏览器语言。
`data-theme`	light · dark · system	强制浅色或深色样式，或设为 system 跟随访客设备。默认 system。
`data-prefill`	정제수, 글리세린, 코코넛오일 ...	预填一份成分表，适合在文章中点评某个具体产品时使用。

区块编辑器：添加「自定义 HTML」区块后粘贴两行代码。经典编辑器：切换到「文本」标签页再粘贴。如果主题会过滤脚本，可用 WPCode 之类的代码插件把 script 标签全站插入。

后台进入「在线商店 > 页面」，打开页面后在富文本编辑器中点击「显示 HTML」（<>）按钮粘贴代码。如需全站挂载，可在主题编辑器中添加「自定义 Liquid」分区。

在目标位置添加 Code Block（代码块）并粘贴两行代码。Squarespace 只在正式站点渲染脚本标签，保存后请用隐私窗口访问正式页面预览。

添加「嵌入 HTML」元素（加号 > 嵌入 > Embed HTML），在代码面板粘贴两行代码，并把元素宽度调整到约 760px 以上，保证工具有足够空间。

打开文章编辑器，插入 HTML 卡片并粘贴两行代码。Ghost 会在发布后的文章中渲染脚本，保存后访问正式页面即可看到小组件。

把两行代码放进页面标记的任意位置即可，加载顺序不影响使用。加载器是零依赖的原生 JavaScript，会自动挂载页面上所有容器。

小组件真的免费吗？›

免费。无需 API 密钥、没有调用次数限制、也没有付费版。分析在每位访客的浏览器中完成，托管成本几乎为零。

会收集我访客的数据吗？›

不会。成分表在浏览器本地分析，不会发送到我们的服务器。小组件自身不设置任何广告或追踪 Cookie。

会拖慢我的页面吗？›

加载器只有约 80 行原生 JavaScript，以 defer 方式加载，iframe 也是懒加载。页面正常渲染，小组件只在滚动进入视野时才会加载。

可以自定义样式吗？›

小组件会自适应页面宽度，并跟随访客的明暗色偏好（也可用 data-theme 强制指定）。需要更深入的定制，可以直接阅读并自托管这个加载器脚本。