把 MT5 网页终端挂到自家站点
把 MT5 网页终端挂到自家站点
MetaQuotes 在 2017 年 2 月 20 日放出了 WebTerminal 小部件，允许站长免费把 MetaTrader 4/5 的浏览器版交易终端嵌进自己的网站。原文页面显示该条目累计 30,247 次浏览、95 条互动，说明这套嵌入方案在早期就有不少流量验证。 对做外汇或贵金属社群的站长来说，嵌入后访客不用下载客户端，点开网页就能连市场下单；但外汇、贵金属本身杠杆高、波动剧烈，嵌入终端不等于替访客兜底风险，站点方只提供通道。 想验证的话，直接开 MT5 官网找 WebTerminal 嵌入代码片段，丢进一个静态页看能否拉起登录界面，比看文档更快。
◍ 用网页终端做客户引荐的标记逻辑
网络终端自带引荐跟踪能力：通过你的网页开的账户，会被经纪商侧打上 Lead source 和 Comment 两个参数，且这两个字段仅经纪商可见，终端用户看不到。 Comment 固定写入「WebTerminal [域名简称]」形态，例如「WebTerminal mql5.com」，注意系统会自动剥掉地址里的 www 部分；同时不带 www 的裸域名（如 mql5.com）会进 Lead source 字段。 想改 Lead source 的默认值，不在后台改，而是给窗口小部件选项挂 utm 标签覆盖即可，这是实配时最容易漏的一步。 经纪商据此能回溯注册来源，并按你们之间的协议给引荐费；站点流量主可以把网页终端按协议预置某家经纪商服务器做默认选项，从而在外汇/贵金属这类高杠杆品种上赚额外收入，但需注意此类品种波动剧烈、爆仓风险高。 我们在自己站点嵌 WebTerminal 本身不收费，成本只在你和经纪商的分成谈判与合规上。
「把交易终端塞进网页其实就这么简单」
想在任意网站挂一个能直接下单的 MT5 终端，不需要让用户装任何客户端。只要放一段 iframe 小部件，HTML5 的 WebTerminal 就能跑起来，Windows、macOS、Linux 外加 Chrome、Safari 这类浏览器全兼容。 背后是靠一组地理分布的服务器转发请求，哪个节点离用户近就走哪个，连接质量和抗断线能力比单点部署好不少。 有个细节值得留意：嵌了 WebTerminal 的网站本身拿不到终端数据。开户和登录时填的账户、密码这些信息，站点 owner 一端是隔离的，用户资料只在终端与经纪商之间闭环。外汇和贵金属杠杆高，这种隔离至少把‘网站方截留凭证’这类风险切掉了。
把 MT5 网页终端嵌进自己的站点
想在自有站点给访客直接开 MT5 网页交易，只需插一段 iframe。默认 src 里带 demo_all_servers=1，意味着所有经纪商服务器都可选；若只想放特定几家，删掉它改用 servers= 逗号分隔列表，再用 trade_server= 定死默认演示服务器。 <iframe src="https://metatraderweb.app/trade?servers=SomeBroker1-Demo,SomeBroker1-Live, SomeBroker2-Demo,SomeBroker2-Live&trade_server=SomeBroker-Demo&startup_mode=open_demo&lang=ru&save_password=off" allowfullscreen="allowfullscreen" style="width: 100%; height: 100%; border: none;"></iframe> 经你站点的 widget 开的模拟户，会被经纪商侧标记来源：Comment 写 WebTerminal 域名简称，Lead Source 写域名（去 www）。挂到 www.mysite.com 时就是 Comment: WebTerminal mysite.com / Lead Source: mysite.com。要改 Lead Source 就加 utm_campaign= 覆盖掉域名值。 尺寸用 style="width:100%;height:100%" 最稳，终端会自动撑满容器；allowfullscreen 留着能用视图-全屏，不想给就删。界面 41 种语言，lang= 设默认，比如 lang=ru 起手俄语。 startup_mode 管启动逻辑：open_demo 无本地账户时弹开模拟户窗；no_autologin 禁掉本地存密后的自动连。密码只存用户浏览器，站方摸不到，默认想关保存就加 save_password=off。 另几个实用参数：startup_version=5 锁首次起 MT5；login= 账号预填省得用户手敲；demo_show_phone=1 才在注册表单露电话框，不写或写别的能提转化。浏览器最低门槛：Chrome 43、Firefox 34、Edge 12、IE 11、Safari 8、Opera 32。外汇贵金属波动剧烈，嵌入终端仅作接入，不构成任何交易建议。
<iframe src="https:class=class="str">"cmt">//metatraderweb.app/trade?demo_all_servers=class="num">1&startup_mode=open_demo&lang=ru&save_password=off" allowfullscreen="allowfullscreen" style="width: class="num">100%; height: class="num">100%; border: none;"></iframe> <iframe src="https:class=class="str">"cmt">//metatraderweb.app/trade?servers=SomeBroker1-Demo,SomeBroker1-Live, SomeBroker2-Demo,SomeBroker2-Live&trade_server=SomeBroker-Demo&startup_mode=open_demo&lang=ru&save_password=off" allowfullscreen="allowfullscreen" style="width: class="num">100%; height: class="num">100%; border: none;"></iframe> <iframe src="https:class=class="str">"cmt">//metatraderweb.app/trade?demo_all_servers=class="num">1&startup_mode=open_demo&lang=ru&save_password=off&utm_campaign=campaign_name" allowfullscreen="allowfullscreen" style="width: class="num">100%; height: class="num">100%; border: none;"></iframe> <iframe src="https:class=class="str">"cmt">//metatraderweb.app/trade?demo_all_servers=class="num">1&startup_mode=open_demo&lang=ru&save_password=off" allowfullscreen="allowfullscreen" style="width: class="num">100%; height: class="num">100%; border: none;"></iframe>
◍ 网页终端双平台切换的底层逻辑
网页终端能同时对接 MetaTrader 5 与 MetaTrader 4，关键在窗口小部件的 trade_server 参数：填入对应服务器名，终端按服务器特征自动判定该走哪一版平台协议。 若设了 demo_all_servers=1，界面里会在账户连接、开户对话框和文件菜单三处都冒出版本切换入口，交易员可在 MT4/MT5 演示环境间随时切，不用来回开两个浏览器标签。 想固定启动时先落哪一版，给嵌入代码加 startup_version 参数即可。下面这段实测把省缺锁成了 MT5： 用户一旦手动切到另一版，这个选择会被本地记住，下次拉起网页终端直接续上上次用的版本，不用重选。外汇与贵金属杠杆品种波动剧烈，多平台并行管理时更要核对当前生效的是哪套合约规格。
< iframe src= "https:class=class="str">"cmt">//metatraderweb.app/trade?demo_all_servers=class="num">1&startup_mode=open_demo& startup_version=class="num">5 &lang=ru&save_password=off" allowfullscreen= "allowfullscreen" style= "width: class="num">100%; height: class="num">100%; border: none" > </ iframe >
「把网页终端塞进自己的 HTML 页」
想在不装 MT5 客户端的情况下让访客直接开仓看盘，可以把 WebTerminal 以 iframe 形式嵌进任意 HTML 页面。下面这段现成结构存成 .html 再用浏览器打开，就能看到一个带顶部菜单和固定高度交易区的单页终端。 核心就一行：iframe 的 src 指向 metatraderweb.app/trade，并带 demo_all_servers=1 和 startup_mode=open_demo 参数，意味着页面加载后直接弹出开演示账户的界面，lang=ru 则是初始俄语界面，可改成 zh 或 en。 样式里 .content 用 fixed 定位且 top:60px / bottom:60px，把终端区夹在头尾之间；.top 的菜单只是静态链接占位，真正交易功能全在 iframe 内。外汇与贵金属杠杆品种波动剧烈，演示账户仅用于验证嵌入效果，实盘请自行评估高风险。
<!DOCTYPE html> < html > < head > < meta http-equiv= "Content-Type" content= "text/html; charset=utf-class="num">8" > < title > 用于 MetaTrader class="num">4 和 MetaTrader class="num">5 平台的 WebTerminal </ title > < style type= "text/css" > body {margin: class="num">0; padding: class="num">0; font-family: Arial, Tahoma; font-size: 16px; class="type">class="kw">color: #class="num">000; background-class="type">class="kw">color: class="macro">#FFF; min-width: 1010px; } .top {background-class="type">class="kw">color: class="macro">#0055A7; } .top h1 {margin: 10px 20px 10px 10px; font-size: 25px; font-weight: normal; class="type">class="kw">color: class="macro">#FFF; display: class="kw">inline-block; vertical-align: middle; } .top .menu, .top .menu li {margin: class="num">0; padding: class="num">0; list-style: none; display: class="kw">inline-block; vertical-align: middle; } .top .menu li {margin: class="num">0; padding: class="num">0; list-style: none; display: class="kw">inline-block; } .top .menu li a {padding: 20px; font-size: 16px; class="type">class="kw">color: class="macro">#FFF; text-decoration: none; text-align: center; display: block; } .top .menu li a:hover {background-class="type">class="kw">color: class="macro">#0B6ABF; } .top .menu li a.selected {background-class="type">class="kw">color: class="macro">#2989DF; class="type">class="kw">color: class="macro">#FFF; } .content { box-shadow: class="num">0 class="num">0 20px rgba(class="num">0,class="num">0,class="num">0,class="num">0.5); position: fixed; width: class="num">100%; top: 60px; bottom: 60px; } .footer {text-align: center; padding: 20px; class="type">class="kw">color: class="macro">#0A0A0A; font-size: 14px; position: fixed; bottom: class="num">0; width: class="num">100%; } </ style > </ head > < body > < div class= "top" > < h1 > 公司名称 </ h1 > < ul class= "menu" > < li > < a href= "#" > 分析 </ a > </ li > < li > < a href= "#" class= "selected" > WebTerminal </ a > </ li > < li > < a href= "#" > 新闻 </ a > </ li > < li > < a href= "#" > 联系人 </ a > </ li > </ ul > </ div > < div class= "content" > <!-- 网页终端代码开始 --> < iframe src= "https:class=class="str">"cmt">//metatraderweb.app/trade?demo_all_servers=class="num">1&startup_mode=open_demo&lang=ru&save_password=off" allowfullscreen= "allowfullscreen" style= "width: class="num">100%; height: class="num">100%; border: none;" > </ iframe > <!-- 网页终端代码结束 --> </ div > < div class= "footer" > 版权所有 class="num">2000-class="num">2017, 公司名称 </ div > </ body > </ html >
把网页终端嵌进你自己的站
想在自有站点给访客开一个即开即用的交易入口，工作量比想象中小。核心动作只有一件：放一段 iframe 到页面任意位置，浏览器就会加载完整的网页版终端，无需自搭后端或处理经纪商协议。 下方代码就是最小可用嵌入。src 里 demo_all_servers=1 表示默认拉取全部演示服务器列表，startup_mode=open_demo 让访客进来直接开模拟账户，lang=en 固定英文界面，save_password=off 则不缓存密码。style 里 width/height 100% 配合 border:none 可让它无缝占满父容器。
<span class="tag"><<span class="keyword">iframe</span><span class="attribute"> src=<span class="value">"[MQL5官方文档] class="attribute"> allowfullscreen=<span class="value">"allowfullscreen"</span></span><span class="attribute"> style=<span class="value">"width: class="num">100%; height: class="num">100%; border: none;"</span></span>></span><span class="tag"></<span class="keyword">iframe</span>></span>
<span class="tag"><<span class="keyword">iframe</span><span class="attribute"> src=<span class="value">"[MQL5官方文档] class="attribute"> allowfullscreen=<span class="value">"allowfullscreen"</span></span><span class="attribute"> style=<span class="value">"width: class="num">100%; height: class="num">100%; border: none;"</span></span>></span><span class="tag"></<span class="keyword">iframe</span>></span>