页面上只放一个账户很简单,一个小组件就够了。可如果您有五个账户,情况就不同了:同一个 EA 跑在三家经纪商上,一组策略,一个交易团队,或者一支小基金。
把五张完整图表从上到下排开,没人会看过第二张。本指南介绍三种好用的布局、各自适合的场景,并附上代码。
🧭 先选布局
| 您希望读者… | 布局 | 小组件 |
|---|---|---|
| 一眼比较各个账户 | 一张表,每个账户一行 | 单行统计,上下叠放 |
| 逐个看清每个账户 | 图表网格 | 净值曲线或统计卡片,并排 |
| 把它们当作一个整体结果 | 一条合并曲线 | 先建投资组合,再任选小组件 |
大多数页面需要的是第一种,而且通常放在最前面:先给一张用来比较的列表,细节放在下面。
📋 布局一:实时表格,每个账户一行
单行统计小组件正是为此设计的:一条 80 像素高的横条,显示增长、回撤、余额和净值,旁边一个小箭头可以打开账户页面。每个账户叠一条,就成了一张自动更新的对比表。
<div style="display: flex; flex-direction: column; gap: 8px;">
<iframe src="https://showmytrades.com/widget/FIRST-ACCOUNT-SLUG?type=stats-inline&theme=light"
width="100%" height="80" loading="lazy" frameborder="0"
style="border-radius: 8px; width: 100%;"></iframe>
<iframe src="https://showmytrades.com/widget/SECOND-ACCOUNT-SLUG?type=stats-inline&theme=light"
width="100%" height="80" loading="lazy" frameborder="0"
style="border-radius: 8px; width: 100%;"></iframe>
<iframe src="https://showmytrades.com/widget/THIRD-ACCOUNT-SLUG?type=stats-inline&theme=light"
width="100%" height="80" loading="lazy" frameborder="0"
style="border-radius: 8px; width: 100%;"></iframe>
</div>
用起来省事的几点:
- 不需要脚本。单行统计高度固定,代码只有 iframe 本身,连不运行脚本的建站工具也能用。
- 加载很轻。它只读取四个已经存好的数字,不用计算图表,一页放十几行也没问题。
- 一点就能看细节。每一行都链接到完整的账户页面。
每一行都在控制台的小组件里生成:选账户,选单行统计,复制。所有行用同一个主题。
📊 布局二:图表并排
曲线的形态很关键时(比如同一个 EA 在不同经纪商上的表现,或者把稳健策略和激进策略放在一起),就把图表并排展示。
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px;">
<!-- 每个格子里粘贴一个从生成器复制的净值曲线小组件 -->
<div> …第一个账户的小组件… </div>
<div> …第二个账户的小组件… </div>
</div>
这个网格在电脑上每行两张图,在手机上每行一张,不用额外设置。每个小组件都要从生成器单独复制,连同脚本一起:每段代码都有自己的 id,一页放几个也互不干扰。
要让对比不失公允,有两条规则:
- 每张图用同一种视图。增长就和增长比,不要拿增长和余额比。增长是时间加权收益率,所以规模不同的账户也能放在一起比。
- 注明每个账户的起始时间。从好年份起步的曲线,看上去总比从坏年份起步的漂亮。每张图下面加一行说明就能解决。
想让网格更紧凑,可以用统计卡片代替图表:每个账户四个数字,一行能放下三四个。
🧮 布局三:一条合并曲线
有时这些账户本来就是一个整体:一套分散在几家经纪商上的策略,或者一组一起运行的 EA。这时读者应该看到的是总体结果。
这正是投资组合的用途:您选好账户,ShowMyTrades 就为整体算出一条曲线、一个回撤和一套统计数据。投资组合发布后,会和您的账户一起出现在小组件生成器里,可用的小组件也一样,所以页面上的代码和单个账户的写法完全相同。
选它之前,先了解几点:
- 合并回撤才是真实的回撤。按百分比算,它不会比您最差的那个单账户更糟;但几个账户同时下跌时,会把它一路拉到那个水平,按金额算,亏损还会叠加。要展示的正是这个。把多个账户作为投资组合追踪讲了怎么解读。
- 选定投资组合的货币。以其他货币计价的账户按最近一次日收盘汇率换算,美分账户按 ÷100 计算,这样总余额才有意义。
- 这是 Pro 方案的功能,可以订阅,也可以通过已达标的推荐解锁。本页其余内容,包括账户、小组件和公开页面,都是免费的。
合并曲线不能取代列表。最有说服力的页面先给总数,下面再列出各个账户,读者就能看清总数是怎么来的。
🏷️ 一个账户里跑多个策略
如果几个策略共用一个账户,就不需要多个小组件:账户页面会按魔术号分开统计业绩,还可以给每个魔术号起一个好认的标签。您网站上的小组件展示的是整个账户,读者点进去就能看到拆分后的结果。
如果想让每个策略在您的页面上都有自己的小组件,每个策略就得有自己的账户。这样的记录也更干净。
👥 一个团队或一群交易者
每位交易者从自己的 ShowMyTrades 主页连接并发布自己的账户。然后您用这些公开账户来搭页面:在生成器的任意公开账户选项卡里,可以按名称或 ID 找到账户,它的小组件能粘贴到任何网站上。
每一行都链接到账户主人的页面,每份记录都对得上负责它的那个人。
⚠️ 多账户页面常见的四个错误
- 只展示赚钱的账户。访客要是在您的主页上发现了一个页面上没有的账户,这个页面就白做了。要么全部展示,要么说明展示了哪些、为什么。
- 真实账户和模拟账户混在一起却不说明。账户页面会给每个账户贴上标签。与其等读者自己发现,不如先在说明文字里讲清楚。
- 在网格里放完整控制台。完整控制台要占满整个宽度。网格里请用净值曲线或统计卡片。
- 同一页面主题不统一。每个小组件都明确设为浅色或深色。“自动”跟随的是每位访客的系统设置,一页里深浅混杂,看起来就像出了故障。
❓ 常见问题
一个页面最多能放多少个小组件? 没有固定上限。十几行单行统计没问题。较重的小组件,放几张图就差不多了,这既是为读者考虑,也是为浏览器考虑。
能让这些行按增长自动排序吗? 不能。每一行都是独立的小组件,顺序就是您粘贴的顺序。固定顺序也更诚实:按开始日期或名称排,别按今天谁表现最好来排。
每个账户都要单独开一个 ShowMyTrades 主页吗? 不用。一个主页就能放下您所有的账户,每个账户可以单独发布或设为私密。
不同平台的账户能放在一起展示吗? 能。MT4、MT5、cTrader 和 TradeLocker 账户用的是同样的小组件,可以放进同一张表。
展示多个账户一定要用投资组合吗? 不用。表格和网格都是免费的,不需要投资组合。投资组合是用来把多个账户合成一个整体结果展示的。
把某个账户设为私密后,它那一行会怎样? 那一行不再显示业绩,其他行不受影响。
🔗 相关指南
- 把多个账户作为投资组合追踪:如何解读合并曲线
- 同一策略,不同经纪商:为什么各行的数字不会一模一样
- 把经验证的交易业绩嵌入任何地方:所有小组件、格式和选项
- 如何打造业绩记录页面:表格周围还该放些什么