需要一些代码来按访问者国家/地区更改文本

Question

我有一个简单的网站提供一些服务(用html，css，js，php编码(，我想按访问者国家/地区更改按钮的文本。

例如，如果访问者来自欧洲，则文本更改为：100欧元如果访问者来自美国，则文本更改为：100美元。

        <div class="pricing-cont">
          <h5>Professionnel</h5>
          <h2><small>From </small><br>100 </h2>
      </div>

Answer 1

您可以使用

像MaxMind这样的IP定位服务，它获取用户IP并返回用户国家/地区，它在大多数情况下都是准确的，并且易于使用。MaxMind已经有一个JavaScript api，你可以在这里找到文档。

实现

.HTML：

<div class="pricing-cont">
  <h5>Professionnel</h5>
  <h2 id="priceEl"><small>From </small><br>100 </h2>
</div>
<script src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js" type="text/javascript"></script>
<script src="yourscript.js"></script>

JavaScript(yourcript.js(：

var price = document.getElementById('priceEl');
var onSuccess = function(country) {
  var countryy = country.iso_code;
  if (countryy === "US") {
    price.innerHTML = "<small>From </small><br> 100 Dollars"
  }
  if (countryy === "CN") {
    price.innerHTML = "<small>From </small><br> 100 Renminbi"
  } // etc
  // When including a lot of cases a switch statement is better practice
};
var onError = function(error) {
  console.error("Error:nn" + error.code + " " + error.error);
};
geoip2.city(onSuccess, onError);

但是，要使其正常工作，您需要创建一个MaxMind帐户并注册您将在其上使用MaxMind api的域。