「既然已經將公司網站多語言化了，諮詢表單也直接自動翻譯吧。」如果您正考慮這樣的運作方式，那麼您可能忽略了安全性方面非常重大的風險。

在諮詢表單的多語言化過程中，最重要且最容易被忽略的，就是「僅翻譯表單項目（姓名、地址等），而不翻譯客戶輸入的資料（不傳送至伺服器）」這項對策。若未進行此項適當設定，可能會演變成動搖企業信譽的安全事故。

本文將深入淺出地說明諮詢表單翻譯中的安全盲點，以及使用高電社「My網站翻譯（Script版）」進行風險規避的具體設定方法。

諮詢表單翻譯的最大盲點：切勿翻譯輸入資料

在推動整個網站多語言化的過程中，經常會將諮詢表單也一併納入自動翻譯的對象。然而，這其中潛藏著巨大的陷阱。

結論來說，應該翻譯的僅有「■姓名」、「■地址」等「項目名稱（標籤）」，使用者透過鍵盤輸入的「輸入資料」絕對必須排除在翻譯對象（傳輸對象）之外。

透過將使用者的輸入資訊排除在翻譯之外，並採取不將其傳送至翻譯伺服器的對策，企業方能建立起「完全不持有（不經手）客戶個人資料」的機制。這正是多語言網站中最堅固的資訊外洩防護（安全對策）。

透過指令碼版「My網站AI翻譯」完全防止資訊外洩的兩種非翻譯設定

高電社的「My網站翻譯（Script版）」不僅具備只需在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網站翻譯」之所以能持續受到政府機關、地方自治體及金融機構等對安全性要求極高之單位的青睞，正是因為它能標準配備「不經手任何個人資料與機密資訊的安心安全設計」。

若貴公司有「擔心自家諮詢表單的安全性設定」或「正在尋找能安全進行多語言化的工具」等需求，歡迎隨時諮詢我們的免費診斷服務。我們的專業人員將協助您進行最佳化的編碼，以確保表單運作安全無虞。

返回列表