如何翻譯你的 React 網站

Reach 應用程式是 Web 開發人員的強大工具，但在在地化為多種語言時面臨重大挑戰。 Web 開發人員經常在翻譯網站每個元素（從內容和使用者介面到錯誤訊息和導航選單）的複雜過程中遇到困難。由於需要保持跨語言的一致性和準確性，確保無論區域如何，使用者體驗都保持無縫，因此這項任務變得更加艱鉅。此外，管理本地化的技術方面（例如編碼問題、文字方向更改以及處理特定於語言的細微差別）可能非常耗時且容易出錯。這些困難可能會導致延遲、成本增加和挫折感，因此對於開發人員來說，尋求可靠且高效的在地化解決方案變得更加重要。

將 ConveyThis 整合到您的網站既快速又簡單，React 也不例外。只需幾分鐘，您將學會如何將 ConveyThis 安裝到 React 並開始為其提供所需的多語言功能。

第1步

建立一個 ConveyThis.com 帳戶並確認。

第2步

在您的儀表板上（您必須登入）導覽至上方選單中的「網域」。

第三步

在此頁面上，單擊“添加域”。

無法更改域名，因此如果您對現有域名有誤，只需將其刪除並創建新域名即可。

完成後，單擊“設置”。

*如果您之前為WordPress/Joomla/Shopify 安裝了ConveyThis，您的網域已同步到ConveyThis，並將在此頁面上可見。需點選到您的網域旁的「設定」。

步驟4

現在您位於主配置頁面上。

為您的網站選擇源語言和目標語言。

點擊“保存配置”。

步驟5

現在向下滾動並從下面的字段中復制 JavaScript 代碼。

<!--ConveyThis 程式碼-->
<腳本原始碼=“//cdn.conveythis.com/javascript/conveythis-initializer.js”></腳本>
<腳本類型=“文字/javascript”>文件.新增事件監聽器(“DOM內容已載入”, 功能(和) {ConveyThis_Initializer.熱({api_key: “pub_xxxxxxxxxxxxxxxxxxxxxxxx”
    });
  });
</腳本>
<!--結束 ConveyThis 程式碼-->

*稍後您可能想要對設置進行一些更改。要應用它們，您需要先進行這些更改，然後復制此頁面上的更新代碼。

*對於 WordPress/Joomla/Shopify，您不需要此代碼。更多信息請參考相關平台的說明。

步驟＃6

您的腳本來自 app.conveythis.com 上的面板，需要放置在 public\index.html

步驟#7

Сonvey這個插件已經可以使用了