如何翻译你的 React 网站

Reach 应用程序是 Web 开发人员的一款强大工具，但在将应用程序本地化为多种语言时，它面临着巨大的挑战。Web 开发人员经常要努力翻译网站的每个元素，从内容和用户界面到错误消息和导航菜单，这是一个复杂的过程。这项任务因需要保持跨语言的一致性和准确性而变得更加艰巨，以确保无论在哪个地区都能获得无缝的用户体验。此外，管理本地化的技术方面（例如编码问题、文本方向更改和处理特定于语言的细微差别）可能非常耗时且容易出错。这些困难可能会导致延迟、成本增加和挫败感，因此对开发人员来说，寻求可靠而高效的本地化解决方案就显得更加重要。

将 ConveyThis 集成到您的网站既快速又简单，React 也不例外。只需几分钟，您就会了解如何将 ConveyThis 安装到 React 并开始为其提供所需的多语言功能。

步骤1

创建ConveyThis.com账户并确认。

第2步

在您的仪表板上（您必须登录）导航到上方菜单中的“域”。

第三步

在此页面上，单击“添加域”。

无法更改域名，因此如果您对现有域名有误，只需将其删除并创建新域名即可。

完成后，单击“设置”。

*如果您之前为 WordPress/Joomla/Shopify 安装了 ConveyThis，您的域名已同步到 ConveyThis 并将在此页面显示。
您可以跳过添加域名步骤，只需单击域名旁边的“设置”即可。

第四步

现在您位于主配置页面上。

为您的网站选择源语言和目标语言。

点击“保存配置”。

步骤5

现在向下滚动并从下面的字段中复制 JavaScript 代码。

<!--ConveyThis 代码-->
<脚本源=“//cdn.conveythis.com/javascript/conveythis-initializer.js”></脚本>
<脚本类型=“文本/javascript”>文档.添加事件监听器(“DOMContentLoaded”, 功能(和) {ConveyThis_Initializer.热({api_key: “pub_xxxxxxxxxxxxxxxxxxxxx”
    });
  });
</脚本>
<!--结束ConveyThis代码-->

*稍后您可能想要对设置进行一些更改。要应用它们，您需要先进行这些更改，然后复制此页面上的更新代码。

*对于 WordPress/Joomla/Shopify，您不需要此代码。更多信息请参考相关平台的说明。

步骤＃6

您的脚本来自 app.conveythis.com 上的面板，需要放置在

步骤#7

Сonvey这个插件已经可以使用了