[{"data":1,"prerenderedAt":875},["ShallowReactive",2],{"\u002Fzh\u002Fguides\u002Fshow-ctrader-results-on-your-website":3,"\u002Fzh\u002Fguides\u002Fshow-ctrader-results-on-your-website-surround":861,"\u002Fzh\u002Fguides\u002Fshow-ctrader-results-on-your-website-langs":871},{"id":4,"title":5,"authors":6,"badge":12,"body":14,"date":848,"description":849,"draft":850,"extension":851,"image":852,"meta":854,"navigation":855,"path":856,"seo":857,"stem":858,"updated":859,"__hash__":860},"posts\u002Fzh\u002F3.guides\u002F33.show-ctrader-results-on-your-website.md","如何在您的网站上展示 cTrader 交易业绩",[7],{"name":8,"to":9,"avatar":10},"ShowMyTrades Team","https:\u002F\u002Fshowmytrades.com",{"src":11},"\u002Ficon-512.png",{"label":13},"产品",{"type":15,"value":16,"toc":837},"minimark",[17,27,30,35,98,101,105,116,129,132,159,162,166,178,185,189,196,563,566,569,599,603,680,691,695,698,712,720,724,727,742,746,752,758,764,770,780,786,790,819,822,833],[18,19,20,21,26],"p",{},"讲怎么在网站上展示交易业绩的指南，大多默认您用的是 MetaTrader。如果您在 ",[22,23,25],"a",{"href":24},"\u002Fglossary\u002Fwhat-is-ctrader","cTrader"," 上交易，大概早就发现了：这些工具要么不支持 cTrader，要么要您在一台不关机的电脑上跑个程序。",[18,28,29],{},"在 ShowMyTrades 上，cTrader 账户授权一次就能连上，什么都不用装。本指南带您从点下授权开始，一直到自己的页面上出现实时图表。",[31,32,34],"h2",{"id":33},"ctrader-自身提供的功能","🧰 cTrader 自身提供的功能",[36,37,38,54],"table",{},[39,40,41],"thead",{},[42,43,44,48,51],"tr",{},[45,46,47],"th",{},"内置选项",[45,49,50],{},"用途",[45,52,53],{},"为什么不合适",[55,56,57,72,85],"tbody",{},[42,58,59,66,69],{},[60,61,62],"td",{},[63,64,65],"strong",{},"报表导出（Statement export）",[60,67,68],{},"把历史记录导出成 HTML 或 Excel 文件",[60,70,71],{},"只是个文件，导出那一刻就定格了，还得手动上传",[42,73,74,79,82],{},[60,75,76],{},[63,77,78],{},"cTrader Copy 策略页面",[60,80,81],{},"在 cTrader 里向可能跟单的人展示策略",[60,83,84],{},"它在 cTrader 上，只面向 cTrader 用户，没法嵌入您自己的网站",[42,86,87,92,95],{},[60,88,89],{},[63,90,91],{},"cTrader Web 小组件",[60,93,94],{},"供经纪商嵌入交易平台本身",[60,96,97],{},"展示的是平台，不是您个人的业绩记录",[18,99,100],{},"真正缺的反而是最简单的东西：把您自己的业绩实时放进自己的页面，连完全不用 cTrader 的人也能核实。",[31,102,104],{"id":103},"第-1-步授权账户","🔌 第 1 步：授权账户",[18,106,107,111,112,115],{},[22,108,110],{"href":109},"\u002Fsignup","免费注册","，在控制台打开",[63,113,114],{},"添加账户","，选择 cTrader。",[117,118,119,123,126],"ol",{},[120,121,122],"li",{},"页面会跳转到 cTrader 自己的登录页。您在那里用 cTrader ID 登录，而不是在我们的网站上。",[120,124,125],{},"cTrader 会询问是否允许连接，您点同意。",[120,127,128],{},"回到 ShowMyTrades 后，您授权的交易账户就会出现在控制台里。",[18,130,131],{},"连接就这么简单，背后用的是官方的 cTrader Open API 和 OAuth：",[133,134,135,141,147,153],"ul",{},[120,136,137,140],{},[63,138,139],{},"我们拿不到您的密码","。cTrader 给我们的是令牌，不是您的登录凭据。",[120,142,143,146],{},[63,144,145],{},"使用中只读","。连接只读取历史记录、持仓和余额，从不下单、改单，也不会关闭任何订单。",[120,148,149,152],{},[63,150,151],{},"随时可以撤销","。在 cTrader ID 设置里就能撤销，不用改密码。",[120,154,155,158],{},[63,156,157],{},"您这边什么都不用运行","。不用 cBot，不用插件，不用 VPS。电脑开不开机，账户都会照常更新。",[18,160,161],{},"历史记录会自动导入，统计数据也替您算好：时间加权增长、回撤、月度收益、各品种的业绩。",[31,163,165],{"id":164},"第-2-步发布账户","🌍 第 2 步：发布账户",[18,167,168,169,172,173,177],{},"小组件展示的是公开页面，所以账户得先发布。在控制台打开账户，进入设置，把可见性设为",[63,170,171],{},"已发布","。如果想把小组件放在自己的网站上，又不想让账户出现在我们的公开目录里，就设为",[22,174,176],{"href":175},"\u002Fglossary\u002Fwhat-is-an-unlisted-account","仅凭链接访问（不公开列出）","。",[18,179,180,181,184],{},"同一处设置里还有",[63,182,183],{},"隐私选项","，可以隐藏账号、手数、持仓、已平仓交易、止损和止盈、注释和笔记。在这里隐藏的内容，在所有小组件里同样不会显示。",[31,186,188],{"id":187},"第-3-步复制小组件并粘贴","📋 第 3 步：复制小组件并粘贴",[18,190,191,192,195],{},"在控制台打开",[63,193,194],{},"小组件","，选好账户和小组件类型。生成器会实时预览，并给出代码。以净值曲线为例：",[197,198,203],"pre",{"className":199,"code":200,"language":201,"meta":202,"style":202},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ciframe\n  id=\"smt-equity-a1b2c3d4e\"\n  src=\"https:\u002F\u002Fshowmytrades.com\u002Fwidget\u002FYOUR-ACCOUNT-SLUG?type=equity&theme=auto\"\n  width=\"100%\"\n  height=\"400\"\n  loading=\"lazy\"\n  frameborder=\"0\"\n  style=\"border-radius: 8px; width: 100%;\">\n\u003C\u002Fiframe>\n\u003Cscript>\n(function() {\n  var iframe = document.getElementById('smt-equity-a1b2c3d4e');\n  window.addEventListener('message', function(e) {\n    if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {\n      iframe.height = e.data.height;\n    }\n  });\n})();\n\u003C\u002Fscript>\n","html","",[204,205,206,219,239,254,269,284,299,314,332,343,353,369,406,442,502,527,533,543,554],"code",{"__ignoreMap":202},[207,208,211,215],"span",{"class":209,"line":210},"line",1,[207,212,214],{"class":213},"sMK4o","\u003C",[207,216,218],{"class":217},"swJcz","iframe\n",[207,220,222,226,229,232,236],{"class":209,"line":221},2,[207,223,225],{"class":224},"spNyl","  id",[207,227,228],{"class":213},"=",[207,230,231],{"class":213},"\"",[207,233,235],{"class":234},"sfazB","smt-equity-a1b2c3d4e",[207,237,238],{"class":213},"\"\n",[207,240,242,245,247,249,252],{"class":209,"line":241},3,[207,243,244],{"class":224},"  src",[207,246,228],{"class":213},[207,248,231],{"class":213},[207,250,251],{"class":234},"https:\u002F\u002Fshowmytrades.com\u002Fwidget\u002FYOUR-ACCOUNT-SLUG?type=equity&theme=auto",[207,253,238],{"class":213},[207,255,257,260,262,264,267],{"class":209,"line":256},4,[207,258,259],{"class":224},"  width",[207,261,228],{"class":213},[207,263,231],{"class":213},[207,265,266],{"class":234},"100%",[207,268,238],{"class":213},[207,270,272,275,277,279,282],{"class":209,"line":271},5,[207,273,274],{"class":224},"  height",[207,276,228],{"class":213},[207,278,231],{"class":213},[207,280,281],{"class":234},"400",[207,283,238],{"class":213},[207,285,287,290,292,294,297],{"class":209,"line":286},6,[207,288,289],{"class":224},"  loading",[207,291,228],{"class":213},[207,293,231],{"class":213},[207,295,296],{"class":234},"lazy",[207,298,238],{"class":213},[207,300,302,305,307,309,312],{"class":209,"line":301},7,[207,303,304],{"class":224},"  frameborder",[207,306,228],{"class":213},[207,308,231],{"class":213},[207,310,311],{"class":234},"0",[207,313,238],{"class":213},[207,315,317,320,322,324,327,329],{"class":209,"line":316},8,[207,318,319],{"class":224},"  style",[207,321,228],{"class":213},[207,323,231],{"class":213},[207,325,326],{"class":234},"border-radius: 8px; width: 100%;",[207,328,231],{"class":213},[207,330,331],{"class":213},">\n",[207,333,335,338,341],{"class":209,"line":334},9,[207,336,337],{"class":213},"\u003C\u002F",[207,339,340],{"class":217},"iframe",[207,342,331],{"class":213},[207,344,346,348,351],{"class":209,"line":345},10,[207,347,214],{"class":213},[207,349,350],{"class":217},"script",[207,352,331],{"class":213},[207,354,356,360,363,366],{"class":209,"line":355},11,[207,357,359],{"class":358},"sTEyZ","(",[207,361,362],{"class":224},"function",[207,364,365],{"class":213},"()",[207,367,368],{"class":213}," {\n",[207,370,372,375,378,381,384,387,391,393,396,398,400,403],{"class":209,"line":371},12,[207,373,374],{"class":224},"  var",[207,376,377],{"class":358}," iframe",[207,379,380],{"class":213}," =",[207,382,383],{"class":358}," document",[207,385,386],{"class":213},".",[207,388,390],{"class":389},"s2Zo4","getElementById",[207,392,359],{"class":217},[207,394,395],{"class":213},"'",[207,397,235],{"class":234},[207,399,395],{"class":213},[207,401,402],{"class":217},")",[207,404,405],{"class":213},";\n",[207,407,409,412,414,417,419,421,424,426,429,432,434,438,440],{"class":209,"line":408},13,[207,410,411],{"class":358},"  window",[207,413,386],{"class":213},[207,415,416],{"class":389},"addEventListener",[207,418,359],{"class":217},[207,420,395],{"class":213},[207,422,423],{"class":234},"message",[207,425,395],{"class":213},[207,427,428],{"class":213},",",[207,430,431],{"class":224}," function",[207,433,359],{"class":213},[207,435,437],{"class":436},"sHdIc","e",[207,439,402],{"class":213},[207,441,368],{"class":213},[207,443,445,449,452,454,456,459,462,465,468,471,474,476,479,482,484,487,489,491,493,496,499],{"class":209,"line":444},14,[207,446,448],{"class":447},"s7zQu","    if",[207,450,451],{"class":217}," (",[207,453,437],{"class":358},[207,455,386],{"class":213},[207,457,458],{"class":358},"data",[207,460,461],{"class":213},"?.",[207,463,464],{"class":358},"type",[207,466,467],{"class":213}," ===",[207,469,470],{"class":213}," '",[207,472,473],{"class":234},"widget-resize",[207,475,395],{"class":213},[207,477,478],{"class":213}," &&",[207,480,481],{"class":358}," e",[207,483,386],{"class":213},[207,485,486],{"class":358},"source",[207,488,467],{"class":213},[207,490,377],{"class":358},[207,492,386],{"class":213},[207,494,495],{"class":358},"contentWindow",[207,497,498],{"class":217},") ",[207,500,501],{"class":213},"{\n",[207,503,505,508,510,513,515,517,519,521,523,525],{"class":209,"line":504},15,[207,506,507],{"class":358},"      iframe",[207,509,386],{"class":213},[207,511,512],{"class":358},"height",[207,514,380],{"class":213},[207,516,481],{"class":358},[207,518,386],{"class":213},[207,520,458],{"class":358},[207,522,386],{"class":213},[207,524,512],{"class":358},[207,526,405],{"class":213},[207,528,530],{"class":209,"line":529},16,[207,531,532],{"class":213},"    }\n",[207,534,536,539,541],{"class":209,"line":535},17,[207,537,538],{"class":213},"  }",[207,540,402],{"class":217},[207,542,405],{"class":213},[207,544,546,549,552],{"class":209,"line":545},18,[207,547,548],{"class":213},"}",[207,550,551],{"class":358},")()",[207,553,405],{"class":213},[207,555,557,559,561],{"class":209,"line":556},19,[207,558,337],{"class":213},[207,560,350],{"class":217},[207,562,331],{"class":213},[18,564,565],{},"把代码贴到页面上要显示图表的位置，脚本也要一起贴：最后几行让小组件自己设定高度，框架里就永远不会出现滚动条。",[18,567,568],{},"不同类型的网站，贴的位置不同：",[133,570,571,581,590],{},[120,572,573,576,577,177],{},[63,574,575],{},"WordPress","：",[22,578,580],{"href":579},"\u002Fguides\u002Fadd-trading-results-to-wordpress","“自定义 HTML”区块",[120,582,583,576,586,177],{},[63,584,585],{},"Wix、Webflow、Squarespace、Shopify",[22,587,589],{"href":588},"\u002Fguides\u002Fembed-trading-results-wix-webflow-squarespace-shopify","各建站工具的嵌入元素",[120,591,592,576,595,598],{},[63,593,594],{},"纯 HTML",[204,596,597],{},"\u003Cbody>"," 内的任意位置。",[31,600,602],{"id":601},"您可以展示什么","📊 您可以展示什么",[36,604,605,614],{},[39,606,607],{},[42,608,609,611],{},[45,610,194],{},[45,612,613],{},"包含内容",[55,615,616,626,640,650,660,670],{},[42,617,618,623],{},[60,619,620],{},[63,621,622],{},"净值曲线",[60,624,625],{},"一张图表，五种视图：增长、余额、盈利、逐笔交易增长、回撤",[42,627,628,637],{},[60,629,630,633,634],{},[63,631,632],{},"统计卡片","和",[63,635,636],{},"单行统计",[60,638,639],{},"增长、回撤、余额、净值，可选卡片或单行样式",[42,641,642,647],{},[60,643,644],{},[63,645,646],{},"月度收益",[60,648,649],{},"逐月的表格或图表，按百分比或金额显示",[42,651,652,657],{},[60,653,654],{},[63,655,656],{},"货币对统计",[60,658,659],{},"每个品种的做多、做空和合计",[42,661,662,667],{},[60,663,664],{},[63,665,666],{},"交易历史表",[60,668,669],{},"已平仓交易和持仓",[42,671,672,677],{},[60,673,674],{},[63,675,676],{},"完整控制台",[60,678,679],{},"整个账户页面，包括验证徽章",[18,681,682,683,686,687,177],{},"如果要发的地方不支持 iframe（论坛、邮件、README），每个账户还有",[63,684,685],{},"十一种自动更新图片","，PNG 和 SVG 格式可选。详见",[22,688,690],{"href":689},"\u002Fguides\u002Ftrading-results-forum-signature-email-discord","论坛签名、邮件或聊天中的交易业绩",[31,692,694],{"id":693},"如果您运行-cbot","🤖 如果您运行 cBot",[18,696,697],{},"cBot 的业绩就是账户的业绩，用同一个小组件就能展示。如果小组件放在您推广这个 cBot 的页面上，有两个细节能加分：",[133,699,700,706],{},[120,701,702,705],{},[63,703,704],{},"用只跑这一个 cBot 的账户","。机器人和手动交易混在一起，这份业绩记录哪一边都证明不了。",[120,707,708,711],{},[63,709,710],{},"把回撤视图和增长视图放在一起","。买自动化策略的人，第一眼找的就是最糟糕的时刻。您主动亮出来，反而显得有底气。",[18,713,714,715,719],{},"更完整的说明见",[22,716,718],{"href":717},"\u002Fguides\u002Flive-ea-results-on-your-sales-page","如何在销售页面上展示 EA（智能交易系统）的实时业绩","：文中用的是 MetaTrader 的说法，但每一点对 cBot 同样适用。",[31,721,723],{"id":722},"️-访客为什么能相信","🛡️ 访客为什么能相信",[18,725,726],{},"您网站上的图表，用的是 ShowMyTrades 从 cTrader 读取的数据，每个小组件也都链接回我们这边的账户页面。读者对图表有怀疑，点进去就能在一个您改不了的页面上看到同样的数字。",[18,728,729,730,733,734,737,738,177],{},"这个页面上还有验证徽章：",[63,731,732],{},"业绩记录已验证","表示数据来自经纪商，",[63,735,736],{},"交易权限已验证","证明发布者确实控制着这个账户。",[22,739,741],{"href":740},"\u002Fguides\u002Fhow-to-verify-your-account","如何获得徽章",[31,743,745],{"id":744},"常见问题","❓ 常见问题",[18,747,748,751],{},[63,749,750],{},"我需要安装 cBot，或者一直开着 cTrader 吗？","\n不需要。连接是在 cTrader 的服务器和我们的服务器之间建立的，您的电脑关机也没关系。",[18,753,754,757],{},[63,755,756],{},"我的 cTrader 密码会交给 ShowMyTrades 吗？","\n不会。您是在 cTrader 自己的页面上登录、批准连接的。我们拿到的只是一个令牌，您可以在 cTrader ID 设置里撤销它。",[18,759,760,763],{},[63,761,762],{},"这个连接能在我的账户上交易吗？","\n我们只读取数据。ShowMyTrades 上没有任何小组件、页面或设置会下单、改单或关闭订单。",[18,765,766,769],{},[63,767,768],{},"我的一个 cTrader ID 下有好几个账户，必须全部展示吗？","\n不必。添加的每个账户默认都是私密的，发布还是保持私密，每个账户单独决定。完全不想要的账户，可以在控制台里删除。",[18,771,772,775,776,177],{},[63,773,774],{},"所有 cTrader 经纪商都支持吗？","\n连接走的是 cTrader Open API，覆盖标准 cTrader 平台上的经纪商。如果授权后账户没有出现，请",[22,777,779],{"href":778},"\u002Fcontact","联系我们",[18,781,782,785],{},[63,783,784],{},"免费吗？","\n是的。连接账户、公开页面、小组件，全部免费。",[31,787,789],{"id":788},"相关指南","🔗 相关指南",[133,791,792,799,806,813],{},[120,793,794,798],{},[22,795,797],{"href":796},"\u002Fguides\u002Ftrading-widgets-and-embeds","把您经验证的业绩嵌入任何地方","：所有小组件、格式和选项",[120,800,801,805],{},[22,802,804],{"href":803},"\u002Fguides\u002Fshow-mt4-mt5-results-on-your-website","如何在您的网站上展示 MT4 或 MT5 交易业绩","：MetaTrader 上的做法",[120,807,808,812],{},[22,809,811],{"href":810},"\u002Fguides\u002Fbuild-a-track-record-page","如何搭建业绩记录页面","：小组件周围该放些什么",[120,814,815,818],{},[22,816,817],{"href":740},"如何验证您的交易账户","：两个验证徽章",[820,821],"hr",{},[18,823,824,827,828,832],{},[22,825,826],{"href":109},"免费连接您的 cTrader 账户","，发布后贴上第一个小组件。想先看看成品效果？",[22,829,831],{"href":830},"\u002Fwidget-builder","打开生成器","，随便选一个公开账户就行。",[834,835,836],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":202,"searchDepth":221,"depth":221,"links":838},[839,840,841,842,843,844,845,846,847],{"id":33,"depth":221,"text":34},{"id":103,"depth":221,"text":104},{"id":164,"depth":221,"text":165},{"id":187,"depth":221,"text":188},{"id":601,"depth":221,"text":602},{"id":693,"depth":221,"text":694},{"id":722,"depth":221,"text":723},{"id":744,"depth":221,"text":745},{"id":788,"depth":221,"text":789},"2026-10-05T00:00:00.000Z","把 cTrader 账户的实时净值曲线和统计数据放到自己的网站上：用 cTrader ID 授权一次，发布账户，粘贴一段代码。什么都不用装，完全免费。",false,"md",{"src":853},"\u002Fimages\u002Fblog\u002Fshow-ctrader-results-on-your-website-hero.svg",{},true,"\u002Fzh\u002Fguides\u002Fshow-ctrader-results-on-your-website",{"title":5,"description":849},"zh\u002F3.guides\u002F33.show-ctrader-results-on-your-website",null,"pv4RxQB1LxUej9GFd0_2hbtxEQSgRueF--UX9QsglyA",[862,866],{"title":804,"path":863,"stem":864,"description":865,"children":-1},"\u002Fzh\u002Fguides\u002Fshow-mt4-mt5-results-on-your-website","zh\u002F3.guides\u002F32.show-mt4-mt5-results-on-your-website","十分钟左右，就能把 MetaTrader 4 或 5 账户的实时净值曲线、统计数据和交易放上您自己的网站：只读连接、发布、粘贴一段代码，全程免费。",{"title":867,"path":868,"stem":869,"description":870,"children":-1},"如何在 WordPress 上添加实时交易业绩（无需插件）","\u002Fzh\u002Fguides\u002Fadd-trading-results-to-wordpress","zh\u002F3.guides\u002F34.add-trading-results-to-wordpress","只需一个“自定义 HTML”区块，就能在 WordPress 网站上展示 MT4、MT5、cTrader 或 TradeLocker 账户的实时净值曲线和统计数据。Gutenberg、Elementor、Divi 和经典编辑器都适用。",[872,874],{"path":873},"\u002Fguides\u002Fshow-ctrader-results-on-your-website",{"path":856},1793898038324]