在 HTML 网站上根据地理位置更改联系电话

Question

我有一个 HTML 网站，主要吸引来自 4-5 个国家/地区的访问者。我在所有国家/地区都有不同的联系电话，在一个地方显示所有联系电话会使它变得混乱。有什么方法可以根据访问者在网站上的地理位置显示单个联系电话吗？

提前致谢

Answer 1

您可以使用 http://ipinfo.io/ 通过 IP 地址识别国家。这需要 jQuery 并且看起来基本上是这样的：

<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
        <script>
            $.get("http://ipinfo.io", function(response) {
                if(response.country == "US"){
                    document.getElementById("phone").innerHTML = "You are in US";
                }else if(response.country == "GB") {
                    document.getElementById("phone").innerHTML = "You are in GB";
                }
            }, "jsonp");
        </script>
    </head>
    <body>      
        <p id="phone">Hello World!</p>
    </body>
</html>

我们从http://ipinfo.io/调用API并在回调方法中接收国家。在此回调方法中，我们现在可以更改 HTML 元素的值。

在 HTML 网站上根据地理位置更改联系电话

Change Contact Number with geo location on HTML website

html

location

numbers

contact

geo