1

Qual o método correto para direcionar a navegação de um site para uma página específica baseada no idioma do navegador do usuário?

Tenho um site (www.site.com) com o idioma padrão em inglês e preciso que, ao ser acessado em um navegador com o idioma Português (pt-br), ele redirecione a navegação para o subdomínio que criei e já hospedei os arquivos traduzidos (br.site.com).

O mesmo para espanhol (es.site.com) e italiano (it.site.com).

O que devo fazer? Que tipo de código devo inserir?

PS: Já tenho as páginas traduzidas e hospedadas nos respectivos subdomínios. Só preciso saber como identificar o idioma do navegador e direcionar automaticamente.

Como é feito isso no código? Javascript? PHP? Ajax? Via htacess? Alguém tem essa linha de código pra compartilhar?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My site</title>
</head>
<body>
    <p>The book is on the table.</p>
</body>
</html>

1

2 Respostas 2

3

Podes fazer o seguinte (colocar isto somente no site em inglês, que é o default, para não entrar em loop infinito):

const sites = {
  'pt-br': 'http://br.site.com',
  'it': 'http://it.site.com',
  'es': 'http://es.site.com'
};

var lang = navigator.language || navigator.userLanguage;
lang = lang.toLowerCase(); // é possível a lang do navegador ser por ex: pt-BR
if(typeof sites[lang] !== 'undefined') {
  // window.location.replace(sites[lang]);
  alert('redirecionar para ' +sites[lang]);
}

Códigos das linguagens do browser

Comentei o redirecionamento, mas será isso que deves usar.

Transformo a linguagem do retornada do browser para minuscula pois é muito possível que seja por ex: pt-BR, en-US, e temos de ter em concordância com as chaves do nosso objeto sites

8
  • Olá, Miguel! Muito obrigado pela sua contribuição. Era assim mesmo que eu esperava a resposta. Exatamente: O default será o inglês. Onde insiro esse código?
    – Will
    Commented 2/03/2017 às 14:32
  • @Will , queres redirecionar a partir de todos? Se puseres este código em todos vais entrar num loop infinito. Vou editar para evitar isto
    – Miguel
    Commented 2/03/2017 às 14:37
  • Será melhor, Miguel! Mas onde insiro esse código no código de exemplo da pergunta? No head? Crio uma tag <php> e colo esse codigo dentro? Sou iniciante. Só trabalho com html, css e jquery até o momento. Não conheço nada de PHP
    – Will
    Commented 2/03/2017 às 14:44
  • @Will coloca este código somente no site em inglês, sim pode ser na head. assim: <script>CODIGO POSTADO EM CIMA</script>
    – Miguel
    Commented 2/03/2017 às 14:44
  • Perfeito, Miguel! Vou fazer isso e já te dou um feedback!
    – Will
    Commented 2/03/2017 às 14:45
0

Você pode utilizar javascript para isso, segue exemplo abaixo:

var lang = navigator.language;
alert(lang);

1
  • Olá, Matheus! Muito obrigado pela sua contribuição! Neste caso, eu iria inserir esse codigo do head da pagina padrão? (www.site.com), tipo assim: <script> var lang = navigator.language; alert(lang);</script>
    – Will
    Commented 2/03/2017 às 14:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .