产品·

如何在一个页面上展示多个交易账户

在同一个网页上展示多个账户、多个 EA 或多家经纪商:每个账户一行的实时对比表、并排的图表,或者一条合并曲线。附代码。

页面上只放一个账户很简单,一个小组件就够了。可如果您有五个账户,情况就不同了:同一个 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 找到账户,它的小组件能粘贴到任何网站上。

每一行都链接到账户主人的页面,每份记录都对得上负责它的那个人。

⚠️ 多账户页面常见的四个错误

  1. 只展示赚钱的账户。访客要是在您的主页上发现了一个页面上没有的账户,这个页面就白做了。要么全部展示,要么说明展示了哪些、为什么。
  2. 真实账户和模拟账户混在一起却不说明。账户页面会给每个账户贴上标签。与其等读者自己发现,不如先在说明文字里讲清楚。
  3. 在网格里放完整控制台。完整控制台要占满整个宽度。网格里请用净值曲线或统计卡片。
  4. 同一页面主题不统一。每个小组件都明确设为浅色或深色。“自动”跟随的是每位访客的系统设置,一页里深浅混杂,看起来就像出了故障。

❓ 常见问题

一个页面最多能放多少个小组件? 没有固定上限。十几行单行统计没问题。较重的小组件,放几张图就差不多了,这既是为读者考虑,也是为浏览器考虑。

能让这些行按增长自动排序吗? 不能。每一行都是独立的小组件,顺序就是您粘贴的顺序。固定顺序也更诚实:按开始日期或名称排,别按今天谁表现最好来排。

每个账户都要单独开一个 ShowMyTrades 主页吗? 不用。一个主页就能放下您所有的账户,每个账户可以单独发布或设为私密。

不同平台的账户能放在一起展示吗? 能。MT4、MT5、cTrader 和 TradeLocker 账户用的是同样的小组件,可以放进同一张表。

展示多个账户一定要用投资组合吗? 不用。表格和网格都是免费的,不需要投资组合。投资组合是用来把多个账户合成一个整体结果展示的。

把某个账户设为私密后,它那一行会怎样? 那一行不再显示业绩,其他行不受影响。

🔗 相关指南


免费连接您的账户,发布后叠出您的第一张对比表。想先用已经公开的账户试试,请打开小组件生成器。