如何在 WordPress 上添加实时交易业绩（无需插件）
在 WordPress 网站上展示交易业绩，用不着插件，一个区块加一段代码就够了。
这段代码就是 ShowMyTrades 的小组件，一个会自动更新的账户实时视图。本指南会告诉您，在不同的 WordPress 编辑器里代码该贴在哪里，以及 WordPress 会在哪三种情况下悄悄把它删掉。
✅ 开始之前
首先，您要在 ShowMyTrades 上有一个已发布的账户。还没有的话，几分钟就能弄好，而且免费：
代码由一个 <iframe> 和后面几行 <script> 组成：
<iframe
id="smt-equity-a1b2c3d4e"
src="https://showmytrades.com/widget/YOUR-ACCOUNT-SLUG?type=equity&theme=auto"
width="100%"
height="400"
loading="lazy"
frameborder="0"
style="border-radius: 8px; width: 100%;">
</iframe>
<script>
(function() {
var iframe = document.getElementById('smt-equity-a1b2c3d4e');
window.addEventListener('message', function(e) {
if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {
iframe.height = e.data.height;
}
});
})();
</script>
🧱 区块编辑器（Gutenberg）
现在的 WordPress 用的都是这个编辑器。
- 打开页面或文章，在要放图表的位置点击 +。
- 搜索自定义 HTML（Custom HTML），添加这个区块。
- 粘贴整段代码。
- 点击区块工具栏里的预览查看小组件，然后点击更新或发布。
别把代码贴进段落（Paragraph）区块，也别直接贴在页面上，否则 WordPress 会把代码当成普通文字显示。一定要用“自定义 HTML”区块。
侧边栏或页脚也一样：进入“外观 → 小工具”（Appearance → Widgets），区块主题则是“外观 → 编辑器”（Appearance → Editor），在那里添加同样的自定义 HTML 区块。放在侧边栏，尺寸最合适的是统计卡片。
🧩 页面构建器和经典编辑器
| 编辑器 | 代码贴在哪里 |
|---|---|
| Elementor | 把 HTML 小部件拖到页面上，代码贴进它的代码框 |
| Divi | 添加一个代码（Code）模块，粘贴 |
| WPBakery | 添加一个原始 HTML（Raw HTML）元素，粘贴 |
| Beaver Builder | 添加一个 HTML 模块，粘贴 |
| 经典编辑器 | 从“可视化”（Visual）选项卡切到文本（Text）选项卡，粘贴后直接保存，别再切回“可视化” |
不管用哪种编辑器，道理都一样：用专门放原始代码的元素，别用文本元素。
📐 按您的主题调整尺寸
在 WordPress 上，小组件生成器里有两项设置要特别注意。
宽度：用百分比。宽度单位选百分比，数值填 100。这样小组件会铺满主题的内容栏，在手机上也会跟着缩放。固定的像素宽度在电脑上看着刚好，到了手机上就会撑出屏幕。
主题：明确指定。“自动”跟随的是访客的系统设置，不是您的 WordPress 主题。如果网站一直是浅色或一直是深色，就在生成器里直接选浅色或深色，小组件和页面就不会显得突兀。也可以设置自定义背景色，支持透明度。
高度不用管：代码里的脚本会根据内容自动调整框架的高度。
🚫 WordPress 会删除代码的三种情况
保存后图表没出来，几乎都是下面三种情况之一。
| 情况 | 会发生什么 | 怎么办 |
|---|---|---|
| WordPress.com 上不支持插件的套餐 | “自定义 HTML”里的脚本会被删掉，大多数来源的 iframe 也一样 | 改用自动更新图片格式（见下文），或者换成允许自定义代码的套餐 |
| 您的角色不能发布原始 HTML（作者或贡献者；在多站点网络上，除网络管理员外的所有人） | 保存时，WordPress 会把 iframe 和脚本过滤掉 | 请管理员帮您添加这个区块 |
| 安全或优化插件 | 有些插件会拦截内联脚本，或来自其他域名的 iframe | 在插件设置里放行 showmytrades.com |
最常见的是第一种。如果是自托管的 WordPress，而您就是管理员，这些问题都不会遇到。
🖼️ 永远有效的备选方案：自动更新图片
每个账户还有十一种自动更新图片。它们就是普通图片，所以不会被过滤掉，交易数据一有变化就会自动重绘。
在生成器里选择自动更新图片，选好类型和主题，复制 HTML：
<a href="https://showmytrades.com/account/YOUR-ACCOUNT-SLUG" target="_blank">
<img src="https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/summary_light.png"
alt="Trading Performance" width="500" height="290" loading="lazy" decoding="async" />
</a>
这段 HTML 可以贴进“自定义 HTML”区块。更简单的办法是添加一个 WordPress 图片（Image）区块，选择“从 URL 插入”（Insert from URL），粘贴图片地址，再把图片链接到您的账户页面。
图片不能交互：没有悬停提示，也不能切换视图。所以不允许 iframe 的地方用图片，其他地方一律用 iframe。
📍 在网站上放在哪里
- 专门的“交易业绩”或“业绩记录”页面。放宽度 100% 的完整控制台小组件。参见如何打造业绩记录页面。
- 首页。放净值曲线，上面加一行说明。
- 侧边栏或页脚。放统计卡片：增长、回撤、余额、净值。
- EA 或信号的产品页。价格上方放净值曲线，下方放月度收益。参见在销售页面上展示 EA 实时业绩。
- 博客文章。放一个小组件，位置就在正文讲到这项业绩的地方。
❓ 常见问题
需要装插件吗？ 不需要。“自定义 HTML”区块是 WordPress 自带的。插件也帮不上什么忙：小组件本来就由 ShowMyTrades 托管和更新。
小组件会拖慢网站吗？ iframe 是延迟加载的：访客滚动到它附近时，浏览器才去加载。您自己的页面会先加载。
和缓存插件兼容吗？ 兼容。缓存存的是您的页面，不是小组件的内容。小组件每次加载都会向 ShowMyTrades 获取最新数据。
小组件对 SEO 有帮助还是有坏处？ 都没有直接影响。搜索引擎会把 iframe 里的内容算作它来源网站的内容。真正有用的是小组件周围的页面：写些实在的文字，讲讲图表展示了什么。
我改了账户的公开链接，WordPress 里要跟着改吗？ 不用。旧地址照样能用，已经贴好的小组件会自动跟上。
一个页面能放多个账户吗？ 可以。每个账户加一个“自定义 HTML”区块，或者用单行统计小组件一行一行叠起来。参见如何在一个页面上展示多个交易账户。
🔗 相关指南
- 把经验证的交易业绩嵌入任何地方：所有小组件、格式和选项
- Wix、Webflow、Squarespace 和 Shopify：在其他建站工具上怎么做
- 如何打造业绩记录页面：小组件周围该放什么
- 如何验证您的交易账户：访客想看到的徽章