<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Exemplo de Localização</title>
<style>
#headline_regiao, #regiao_do_visitante {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
text-transform: none;
}
#regiao_do_visitante {
color: #000;
}
</style>
<!– Carregando a biblioteca jQuery –>
<script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script>
</head>
<body>
<center>
<h1 id=”headline_regiao”>
A entrega será feita em <span id=”regiao_do_visitante”>sua região</span> foram selecionadas para ver esse vídeo confidencial!
</h1>
</center>
<script type=”text/javascript”>
jQuery.getJSON(“https://ipinfo.io/json”, function(localizacao) {
if (localizacao) {
let cidade = localizacao.city || “sua cidade”;
let cep = localizacao.postal || “seu CEP”;
let regiao_do_visitante = `${cidade}, CEP: ${cep}`;
jQuery(“#regiao_do_visitante”).html(regiao_do_visitante);
} else {
jQuery(“#regiao_do_visitante”).html(“sua região”);
}
}).fail(function() {
// Fallback em caso de falha na requisição
jQuery(“#regiao_do_visitante”).html(“sua região”);
});
</script>
</body>
</html>