我们打造了免费可嵌入的 Stock Sentiment Widgets — 使用方法

Source: Dev.to

为什么我们构建了它

我们运营着 Reddit Stock Sentiment API —— 实时追踪散户投资者在 Reddit 和 X/Twitter 上的讨论，并根据热度、情绪和趋势方向为股票打分。

该 API 对于构建仪表盘和交易工具的开发者非常有用，但我们不断收到同样的请求：“我能把一个小部件直接嵌入我的博客吗？”

于是我们正好做了这样一个小部件。

三个小部件

1. 滚动条

在网页标题处显示趋势股票及情绪指示的水平滚动条。想象一下 Bloomberg 终端的风格。

<!-- Embed code for Ticker Tape goes here -->

每个滚动项展示股票徽标、代码、热度分数、彩色情绪点（绿色 = 看涨，红色 = 看跌）以及趋势方向。

属性

2. 热门榜单

按热度排名的股票排行榜。显示热度分数、看涨百分比、趋势方向以及 7 天火花线图。

<!-- Embed code for Top Movers goes here -->

表格完全响应式——在平板电脑上隐藏公司名称，在手机上隐藏火花线。

属性

3. 股票情绪卡

针对单只股票的深度卡片。显示热度分数、看涨百分比、提及次数、趋势、7 天火花线图，以及可选的 AI 生成的趋势解释。

<!-- Embed code for Stock Sentiment Card goes here -->

非常适合嵌入股票分析文章中。

属性

技术决策

标准 Web 组件

不使用 React。不使用 Vue。不使用 Angular。只用 customElements.define() 和 Shadow DOM。组件可以在任何地方使用——静态站点、WordPress、Next.js，等等。只要浏览器支持 Web Components（所有现代浏览器都支持），就能正常工作。

Shadow DOM 隔离

每个组件都使用 Shadow DOM，因此我们的样式永远不会泄漏到你的页面，你的样式也不会破坏我们的组件。开箱即用的干净隔离。

无需 API Key

组件调用我们的代理端点，认证在服务器端完成。你无需注册、管理密钥，也不必担心在前端代码中泄露凭证。

内置缓存

每个组件都有一个内存缓存，TTL 为 5 分钟，并且会进行请求去重。页面上放置五个组件——它们共享缓存的响应。无需重复的 API 调用。

零外部依赖

整个组件库只有一个 vanilla‑JS 文件。无需 npm 包、无需打包工具、无需 polyfills。字体加载（Space Grotesk + JetBrains Mono）在内部处理，并且每页只触发一次。

实际案例

金融新闻站点标题

<!-- Example embed for a site header -->

每周股票综述博客文章

<!-- Example embed for a blog post -->

单只股票分析文章

<!-- Example embed for an analysis article -->

暗色主题交易仪表板

<!-- Example embed for a dark dashboard -->

尝试实时配置器

我们构建了一个交互式配置器，您可以微调每个属性，实时预览，并复制嵌入代码：

adanos.org/widgets

更改主题、数据源、行情数量、时间范围——预览会即时更新，嵌入代码会自动重新生成。

接下来

• 通过 CSS 自定义属性实现自定义颜色主题
• 基于 webhook 的实时推送数据更新
• 除 Reddit 和 X 之外的更多数据源

如果您有想法或功能需求，请在下方留言或通过 adanos.org/contact 与我们联系。

由 Adanos Software 构建 — 我们为散户投资者打造交易情报工具。