Como traduzir seu site React

O aplicativo Reach, uma ferramenta poderosa para desenvolvedores web, enfrenta desafios significativos quando se trata de localização em vários idiomas. Os desenvolvedores da Web muitas vezes enfrentam dificuldades com o complexo processo de tradução de todos os elementos de seus sites, desde conteúdo e interfaces de usuário até mensagens de erro e menus de navegação. Essa tarefa se torna ainda mais difícil devido à necessidade de manter a consistência e a precisão entre os idiomas, garantindo que a experiência do usuário permaneça perfeita, independentemente da localidade. Além disso, gerenciar os aspectos técnicos da localização, como problemas de codificação, mudanças na direção do texto e lidar com nuances específicas do idioma, pode consumir muito tempo e ser propenso a erros. Estas dificuldades podem levar a atrasos, aumento de custos e frustração, tornando a busca por uma solução de localização confiável e eficiente ainda mais crítica para os desenvolvedores.

Integrar ConveyThis ao seu site é rápido e fácil, e React não é exceção. Em apenas alguns minutos você aprenderá como instalar ConveyThis para React e começará a fornecer a funcionalidade multilíngue necessária.

Passo 1

Crie uma conta ConveyThis.com e confirme-a.

Passo 2

No seu painel (você precisa estar logado) navegue até “Domínios” no menu superior.

Etapa 3

Nesta página, clique em “Adicionar domínio”.

Não há como alterar o nome de domínio, então se você cometeu um erro com o nome de domínio existente, simplesmente exclua-o e crie um novo.

Assim que terminar, clique em “Configurações”.

*Se você instalou ConveyThis anteriormente para WordPress/Joomla/Shopify, seu nome de domínio já foi sincronizado com ConveyThis e estará visível nesta página.
Você pode pular a etapa de adição de domínio e apenas clicar em "Configurações" ao lado do seu domínio.

Passo 4

Agora você está na página de configuração principal.

Selecione os idiomas de origem e de destino para o seu website

Clique em “Salvar configuração”.

Etapa 5

Agora role para baixo e copie o código JavaScript do campo abaixo.

<!--ConveyThis código-->
<script fonte="//cdn.conveythis.com/javascript/conveythis-initializer.js"></roteiro>
<tipo de script="texto/javascript">documento.adicionarEventListener("DOMContentCarregado", função(e) {ConveyThis_Inicializador.aquecer({chave_api: "pub_xxxxxxxxxxxxxxxxxxxxxxxx"
    });
  });
</roteiro>
<!--Fim do código ConveyThis-->

* Mais tarde, você pode querer fazer algumas alterações nas configurações. Para aplicá-los, você precisará fazer essas alterações primeiro e, em seguida, copiar o código atualizado nesta página.

*Para WordPress/Joomla/Shopify você NÃO precisa deste código. Para obter mais informações, consulte as instruções da platfrom associada.

Etapa # 6

Seu script vem de um painel em app.conveythis.com e precisa ser colocado em public\index.html após

Etapa # 7

СonveyEste plugin está pronto para uso