“既然已经将公司网站多语言化了,那就让咨询表单也直接进行自动翻译吧。”如果您正考虑这样的运营方式,那么您可能忽视了安全方面极其重大的风险。
在咨询表单的多语言化过程中,最重要且最容易被忽视的,就是“仅翻译表单项目(姓名、地址等),而不翻译(不发送至服务器)客户输入的数据”这一对策。如果不进行适当的设置,可能会演变成动摇企业信誉的安全事故。
本文将深入浅出地解析咨询表单翻译中的安全盲点,以及使用高电社“My网站翻译(脚本版)”进行风险规避的具体设置方法。
咨询表单翻译的最大盲点:不对输入数据进行翻译
在推进整个网站多语言化的过程中,经常会出现将咨询表单也一并纳入自动翻译对象的情况。然而,这里潜藏着巨大的陷阱。
结论先行,应该翻译的仅是“■姓名”、“■地址”等“项目名称(标签)”,而用户通过键盘输入的内容(输入数据)绝对必须从翻译对象(通信对象)中排除。
如果不采取措施而将整个表单设为翻译对象,用户输入的姓名、公司名、电子邮箱地址以及具体的咨询内容等“机密信息及个人信息”将会作为数据被发送至翻译引擎的服务器。
通过采取将用户输入信息排除在翻译之外,且完全不发送至翻译服务器的措施,企业可以构建“完全不持有(不经由)客户个人信息”的机制。这正是多语言网站中最稳固的信息泄露对策(安全对策)。
通过脚本版“My网站AI翻译”彻底防止信息泄露的两种非翻译设置
高电社的“My网站翻译(脚本版)”不仅具备只需在head标签内嵌入脚本即可轻松导入的便利性,还提供了用于保障表单安全性的强大“非翻译属性”和“特殊标签”。
下面将详细说明两种具体的设置方法以及实施时的注意事项。
对策1:在class属性中设置属性“data-msta-ignore”
最简单且推荐的方法是,在想要排除翻译(且不进行通信)的区域所包裹的标签中,添加非翻译属性 data-msta-ignore。
- 使用方法: 直接在目标标签中书写即可。无需像
data-msta-ignore="true"那样书写属性值。 - 优点: 不仅可以忽略翻译,还能将其完全排除在翻译通信之外,这在安全性上至关重要。
【代码示例】
<div class="p-contact__contennt" data-msta-ignore>
$kana$(ここにユーザーが入力するフォーム要素が入る)
</div>
对策2:使用特殊标签“olang”进行包裹(※仅限My网站翻译系列)
如果由于HTML结构原因难以添加属性,也可以使用我司指定的特殊标签 <olang></olang> 将相应部分包裹起来,同样可以达到完全相同的效果。
⚠️ 【重要】无法在其他公司服务中使用
※本标签是“My网站AI翻译”及“My网站翻译”专用的排除翻译指定标签。请注意,它在通用的HTML标准或他人的翻译工具、浏览器翻译等中无法生效。
【代码示例】
<div class="p-contact__contennt" data-msta-ignore>
<olang>$kana$</olang>
</div>
此处容易被忽视!实施时需注意的“文本节点混杂”陷阱
即使设置了属性或标签,根据HTML的编写方式,有时仍会触发“翻译通信”。这就是所谓的“文本节点(纯字符串)与标签节点混杂”的陷阱。
✕ 会被翻译通信的NG示例
<div>
合計: ← textNode(素の文字列)
<div>
<olang>
9,800 ← textNode
</olang>
</div>
円 ← textNode(素の文字列)
</div>
在上述结构中,“合计:”和“元”作为纯字符串(文本节点)存在于父级 <div> 中。由于系统会判定为“父级div标签中混杂了文本节点和标签节点”,因此可能会出现即使指定了排除,连同 <olang> 内部的内容也被一并进行翻译通信的情况。请务必使用适当的标签将文本和表单元素细致地分开。
◎ 正确区分项目(需翻译)和输入值(需排除)的编写示例
例如,若想将“■ 氏名”翻译为英文(Name),而将用户输入的“高电社太郎”完全排除在翻译和通信之外,正确的HTML结构如下所示。
<div>
<p><span>■ 氏名</span></p>
<div data-msta-ignore>高電社太郎</div>
</div>
像这样,针对想要排除的输入值区域(上述示例中为第4个 <div> 标签)精准设置 data-msta-ignore 或 olang,即可在美观地实现项目名称多语言化的同时,构建安全的防护环境。
总结:若追求安心的安全性设计,请选择“My网站AI翻译”
以上介绍了咨询表单翻译中容易被忽视的安全风险及其对策。
- 仅翻译项目名称,绝对不翻译客户输入的数据。
- 不将输入信息发送至翻译服务器,是终极的信息泄露防范对策。
- 正确设置 data-msta-ignore 或 <olang> 标签,将其从通信中排除。
- 避免文本节点的混杂,明确区分项目与输入区域的标签。
高电社的“My网站翻译”之所以能持续受到政府机关、地方自治体及金融机构等对安全性要求极高场所的青睐,正是因为其能够标配实现“不经由任何个人信息及机密信息的安全设计”。
如果您所在的企业“担心公司咨询表单的安全设置”或“正在寻找可以安全实现多语言化的工具”,请务必随时咨询我们的免费诊断服务。我们的专业人员将为您提供最佳编码支持,确保表单的安全运行。
作者:市场营销负责人H
在IT翻译公司工作10年。业务范围广泛,从网站多语言化到翻译系统构建均有涉猎,目前负责市场营销与获客。凭借既了解一线业务又精通技术的优势,每天都在不断奋斗。
私下里是两个孩子的爸爸,爱好是寻访美食店和收集运动鞋。在本博客中,我将基于过往经验,为大家通俗易懂地分享有助于海外拓展和网络营销的专业知识。