-1

Estou usando a instrução "document.referrer" para realizar algumas ações em meu website, porém, tenho percebido que em algumas situações, document.referrer preciso que ele exibir só apenas o dominio.com sem o https://

<script>document.write(document.referrer);</script>

Como posso resolver essa questão de referencia sem o https://

Qual seria a melhor solução para obter a referencia só apenas do domínio de onde meu site venho foi clicado de qual domínio?

0

1 Resposta 1

4

A interface URL()

Não é restrito ao refer(r)er, qualquer URL pode ser processado com a interface URL().

Veja um exemplo que exibe somente o hostname:

var urlText = "https://example.com/path/to/resource.htm?query=string";

var urlObj = new URL(urlText);
console.log(urlObj.hostname);

Aplicado ao caso da pergunta:

Note que aqui é um ótimo exemplo, pois o JS e o iframe são executados em outro domínio, mas o referer vem com o site principal:

var urlObj = new URL(document.referrer);
document.write(urlObj.hostname); 

Documentação: https://developer.mozilla.org/en-US/docs/Web/API/URL

Visualizando outras propriedades:

var urlText = "https://name:[email protected]:8081/path/to/resource.htm?query=string#target";

var urlObj = new URL(urlText);
console.log('protocol:' + urlObj.protocol);
console.log('username:' + urlObj.username);
console.log('password:' + urlObj.password);
console.log('host:    ' + urlObj.host    );
console.log('hostname:' + urlObj.hostname);
console.log('port:    ' + urlObj.port    );
console.log('pathname:' + urlObj.pathname);
console.log('search:  ' + urlObj.search  );
console.log('searchParams:' + urlObj.searchParams);
console.log('hash:    ' + urlObj.hash    );

Fallback com DOM e tag

Uma alternativa para browsers que não tenham suporte a URL é criar uma tag a, populando seu href com o endereço:

var anchor = document.createElement('a');
anchor.href = document.referrer;

De maneira similar ao URL, pode obter "pedaços" do endereço assim:

console.log('hostname:', anchor.hostname);

Documentação: https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement

Créditos ao @GuilhermeNascimento, veja mais detalhes nesta postagem:

pt.stackoverflow.com/a/387408

RegEx

Caso alguem precise de soluções para outras arquiteturas ou camadas onde não haja uma solução dedicada como o URL(), esta pesquisa pode ajudar:

Postagens contendo URL e RegEx no Stack Overflow em Português

7
  • 2
    Observação: como fallback para navegadores mais antigos (se realmente for necessário) você pode usar o document.createElement('a'), exemplo: var anchor = document.createElement('a'); anchor.href = document.referrer; console.log('hostname:', anchor.hostname);. Documentação: developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement
    – Syzoth
    Commented 15/08/2022 às 20:47
  • Tentei todos e não exibe a referência apenas do domínio... Commented 16/08/2022 às 13:15
  • 1
    @DivulgueBlogBR você pediu a referencia sem o https: Qual seria a melhor solução para obter a referencia só apenas do domínio ..., provavelmente você precisa do urlObj.host ou do urlObj.pathname concatenado com o urlObj.pathname, mas isso não está explicado na resposta, de qualquer jeito, independente do que precisa, o new URL irá fazer o parse e retornar todos valores, com isso você pode concatenar todos que desejar em uma nova string, ignorando as partes que não precisa.
    – Syzoth
    Commented 16/08/2022 às 15:10
  • 1
    @DivulgueBlogBR document.referrer só funciona com links que não contenham o noreferrer. Se tiver noreferrer no link que envia ao seu site o document.referrer irá retornar uma string vazia, não é um problema do new URL.
    – Syzoth
    Commented 16/08/2022 às 15:30
  • 2
    @DivulgueBlogBR ola. Olha na resposta, o segundo código, aonde está escrito Aplicado ao caso da pergunta:, tem um botão chamado Executar, clica nele e poderá testar, em qualquer navegador moderno.
    – Syzoth
    Commented 18/08/2022 às 2:13

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 .