Wie kann ich Anzeigen/Banner mit Javascript geografisch ausrichten?

Question 1

Kennen Sie eine Möglichkeit, dies zu tun? echtes beispiel…?

Ich suche einen kostenlosen Dienst wie maxmind oder andere (egal welcher) und ich hätte gerne eine andere Anzeige für US-Besucher.

Vielen Dank!

2astalavista: Dein Beispiel funktioniert einwandfrei. Das habe ich gemacht und es funktioniert immer noch nicht.

<html>
<head>
<title>Geo Test</title>
<script type="text/javascript" src="http://www.101greatgoals.com/wp-includes/js/jquery/jquery.js?ver=1.7.1"></script>
<script>
$(document).ready( function() {
    $.getJSON( "http://smart-ip.net/geoip-json?callback=?",
        function(data){            
            console.log(data);
            var c = data.countryCode;
            if(c=="US" || c=="US" ){
                document.getElementById('ddd').innerHTML = 'US'; } else {
                    document.getElementById('ddd').innerHTML = 'Not US';}
            /*
            this service needs ip
            var ip = data.host;
            alert(ip);
            $.getJSON( "http://freegeoip.net/json/"+ip,
                function(data){
                    console.log(data);
                }
            );*/
        }
    );

});?
</script>
</head>
<body>
<div id="ddd"></div>
</body>
</html>

Weiß nicht ob es am Server (amazon) oder am CDN (cotendo) liegt….

Question 2

Ich habe diese gefunden: http://freegeoip.net/static/index.html und http://smart-ip.net

Beispiel:

$.getJSON( "http://smart-ip.net/geoip-json?callback=?",
    function(data){
        var c = data.countryCode;
        if(c=="US" || c=="USA" )
            alert("American visitor!");else
                alert("Not american visitor! ("+c+")");
    }
);

Warum funktioniert dein Code nicht?

1) Sie sollten sich um die Fehlermeldungen kümmern:

Uncaught SyntaxError: Unexpected token ?

Löschen ?

2) Fehler wieder:

Uncaught TypeError: Property '$' of object [object Window] is not a function

Dies bedeutet, dass jquery aus irgendeinem Grund nicht funktioniert.

Korrigieren Sie den Include-Link entsprechend!

jetzt funktioniert es 🙂

<html>
<head>
<title>Geo Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready( function() {
    $.getJSON( "http://smart-ip.net/geoip-json?callback=?",
        function(data){            
            console.log(data);
            var c = data.countryCode;
            if(c=="US" || c=="US" ){
                document.getElementById('ddd').innerHTML = 'US'; } else {
                    document.getElementById('ddd').innerHTML = 'Not US';}
        }
    );

});
</script>
</head>
<body>
<div id="ddd"></div>
</body>
</html>