Ir para
  • 1

QUAL CODIGO PARA EU RASTREAR A CIDADE DA PESSOA

Saitama

Perguntado por Saitama,

Seguir 0

Pergunta

8 respostass a esta questão

Posts Recomendados

  • 0
Splinter Level 8

Splinter Clube Black Rat 100 Primeiros Membros

Postado
Postado
3 horas atrás, Rakan disse:

Opa!! Eu estou precisando do codigo que localiza a cidade da pessoa quando entra na minha LP 

Exemplo:. Você mais 9 pessoas de (NOME DA CIDADE) Foram selecionadas para participar do programa. 

<div>
    Você e algumas pessoas de <span class="city"></span> foram selecionadas para participar.
</div>


<script>
$(document).ready(function() {

  var request = new XMLHttpRequest();
  request.open('GET', 'https://wtfismyip.com/json', true);

  request.onload = function() {
    if (this.status >= 200 && this.status < 400) {
      var data = JSON.parse(this.response);
      let output = data.YourFuckingLocation.replace(/\,.+/g, "$'");
      $('.city').html(output)
    } else {}
  };
  request.onerror = function() {};
  request.send();


});
</script>

 

Curtir Curtir ×
Link para o comentário
  • 0
Saitama
Level 7

Saitama Um Ano no Fórum Popular Primeiro Mês ✔

Postado
  • Autor
Postado
8 horas atrás, Splinter disse: 
<div>
    Você e algumas pessoas de <span class="city"></span> foram selecionadas para participar.
</div>


<script>
$(document).ready(function() {

  var request = new XMLHttpRequest();
  request.open('GET', 'https://wtfismyip.com/json', true);

  request.onload = function() {
    if (this.status >= 200 && this.status < 400) {
      var data = JSON.parse(this.response);
      let output = data.YourFuckingLocation.replace(/\,.+/g, "$'");
      $('.city').html(output)
    } else {}
  };
  request.onerror = function() {};
  request.send();


});
</script>

 

vlw por compartilhar, mas infelizmente aqui não funcionou

Curtir Curtir ×
Link para o comentário
  • 0
Splinter Level 8

Splinter Clube Black Rat 100 Primeiros Membros

Postado
Postado
2 horas atrás, Rakan disse:

vlw por compartilhar, mas infelizmente aqui não funcionou

 

esqueci do ajax,  usa assim no fim da página dentro da tag <body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
$(document).ready(function() {

  var request = new XMLHttpRequest();
  request.open('GET', 'https://wtfismyip.com/json', true);

  request.onload = function() {
    if (this.status >= 200 && this.status < 400) {
      var data = JSON.parse(this.response);
      let output = data.YourFuckingLocation.replace(/\,.+/g, "$'");
      $('.city').html(output)
    } else {}
  };
  request.onerror = function() {};
  request.send();


});
</script>

 e esse logo abaixo do body 

<div>
    Você e algumas pessoas de <span class="city"></span> foram selecionadas para participar.
</div>

 

se usa elementor,  use esse daqui que já está estilizado

  

<div class="elementor-widget-container">
<style>.barra-frete-gratis {font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding: 4px; color: #FFFFFF; text-align: center;} .barra-frete-gratis #barra-frete-gratis-cidade { color: #04F000; font-weight: bold; font-size:15px}</style>
<div class="barra-frete-gratis">Você e algumas pessoas próximas de <span id="barra-frete-gratis-cidade"></span> foram selecionadas para participar ! </div>
 </div>

 

  

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
            $(function() {
                $.get('https://ipinfo.io/', function(response) {
                    $('#barra-frete-gratis-cidade').html(response.city); 
                    $('.barra-frete-gratis').show();
                }, 'jsonp'); 
            })
</script>

 

 

Curtir Curtir ×
Link para o comentário
  • 0
Saitama
Level 7

Saitama Um Ano no Fórum Popular Primeiro Mês ✔

Postado
  • Autor
Postado
3 minutos atrás, Splinter disse:

 

esqueci do ajax,  usa assim no fim da página dentro da tag <body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
$(document).ready(function() {

  var request = new XMLHttpRequest();
  request.open('GET', 'https://wtfismyip.com/json', true);

  request.onload = function() {
    if (this.status >= 200 && this.status < 400) {
      var data = JSON.parse(this.response);
      let output = data.YourFuckingLocation.replace(/\,.+/g, "$'");
      $('.city').html(output)
    } else {}
  };
  request.onerror = function() {};
  request.send();


});
</script>

 e esse logo abaixo do body 

<div>
    Você e algumas pessoas de <span class="city"></span> foram selecionadas para participar.
</div>

 

se usa elementor,  use esse daqui que já está estilizado

  

<div class="elementor-widget-container">
<style>.barra-frete-gratis {font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding: 4px; color: #FFFFFF; text-align: center;} .barra-frete-gratis #barra-frete-gratis-cidade { color: #04F000; font-weight: bold; font-size:15px}</style>
<div class="barra-frete-gratis">Você e algumas pessoas próximas de <span id="barra-frete-gratis-cidade"></span> foram selecionadas para participar ! </div>
 </div>

 

  

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
            $(function() {
                $.get('https://ipinfo.io/', function(response) {
                    $('#barra-frete-gratis-cidade').html(response.city); 
                    $('.barra-frete-gratis').show();
                }, 'jsonp'); 
            })
</script>

 

 

Funcionou VLWWWW

Curtir Curtir ×
Link para o comentário
  • 0
Tio Level 11

Tio Um Ano no Fórum Máquina de Posts Bloguerinho

Postado
Postado
Em 07/03/2022 em 12:22, Splinter disse:

 

esqueci do ajax,  usa assim no fim da página dentro da tag <body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
$(document).ready(function() {

  var request = new XMLHttpRequest();
  request.open('GET', 'https://wtfismyip.com/json', true);

  request.onload = function() {
    if (this.status >= 200 && this.status < 400) {
      var data = JSON.parse(this.response);
      let output = data.YourFuckingLocation.replace(/\,.+/g, "$'");
      $('.city').html(output)
    } else {}
  };
  request.onerror = function() {};
  request.send();


});
</script>

 e esse logo abaixo do body 

<div>
    Você e algumas pessoas de <span class="city"></span> foram selecionadas para participar.
</div>

 

se usa elementor,  use esse daqui que já está estilizado

  

<div class="elementor-widget-container">
<style>.barra-frete-gratis {font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding: 4px; color: #FFFFFF; text-align: center;} .barra-frete-gratis #barra-frete-gratis-cidade { color: #04F000; font-weight: bold; font-size:15px}</style>
<div class="barra-frete-gratis">Você e algumas pessoas próximas de <span id="barra-frete-gratis-cidade"></span> foram selecionadas para participar ! </div>
 </div>

 

  

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
            $(function() {
                $.get('https://ipinfo.io/', function(response) {
                    $('#barra-frete-gratis-cidade').html(response.city); 
                    $('.barra-frete-gratis').show();
                }, 'jsonp'); 
            })
</script>

 

 

 

Desculpe a minha ignorância, mas para o elementor são estes dois grupos de códigos?

Curtir Curtir ×
Link para o comentário
  • 0
Splinter Level 8

Splinter Clube Black Rat 100 Primeiros Membros

Postado
Postado
13 horas atrás, Tio disse:

 

Desculpe a minha ignorância, mas para o elementor são estes dois grupos de códigos?

 

os dois funcionam, mas o ultimo já está estilizado.

 

crie um bloco html no topo da página com o elementor e coloque esse código: 

<div class="elementor-widget-container">
<style>.barra-frete-gratis {font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding: 4px; color: #FFFFFF; text-align: center;} .barra-frete-gratis #barra-frete-gratis-cidade { color: #04F000; font-weight: bold; font-size:15px}</style>
<div class="barra-frete-gratis">Você e algumas pessoas próximas de <span id="barra-frete-gratis-cidade"></span> foram selecionadas para participar ! </div>
 </div>

 

crie outro bloco html no fim da página  e coloque esse código: 

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
            $(function() {
                $.get('https://ipinfo.io/', function(response) {
                    $('#barra-frete-gratis-cidade').html(response.city); 
                    $('.barra-frete-gratis').show();
                }, 'jsonp'); 
            })
</script>

 

 

Curtir Curtir ×
Link para o comentário
Atenção: Este conteúdo tem mais de 6 meses desde que foi postado. Verifique se o método ensinado nele ainda é válido para os dias atuais.
mister blackmaads
Infelizmente, seu conteúdo contém termos que não permitimos. Caso esteja tentando publicar seu número de WhatsApp, lembre-se que isso é proibido expor no Fórum.
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.

Processando...
×
Seguir 0
Ir para lista de Perguntas
×
Level 1
Você está no
Level 1
36 pontos até o próximo level
×