• 注册
  • 网络技术 网络技术 关注:77 内容:558

    【网页美化】国外显示,国内不显示自动识别IP的广告代码

  • 查看作者
  • 打赏作者
  • 当前位置: 七七博客 > 网络技术 > 正文
    • 网络技术
    • Lv.9

      分享一段能够自动识别国内外ip从而分别显示不同内容的广告代码,支持只对国外IP或者国内IP显示或者对特定区域的IP显示。代码可以自己编辑是否对国内显示或者只显示国外用户,内含自动识别代码。

      国外显示,国内不显示自动识别IP的广告代码

      <div class="index-ad-banner">
      这里放广告代码
      </div>
      <script>
      function ip(o){
      if (!/China/.test(o.country)) {
      document.getElementsByClassName('index-ad-banner').item(0).style.display='block';
      }
      }
      var s = document.createElement('script');s.type = 'text/javascript';
      s.src = 'http://ip-api.com/json/?callback=ip';
      document.body.append(s);
      document.write('<style>.index-ad-banner{display:none;}</style>');
      </script>
      样式代码:
      <style>
      .index-ad-banner {width: 100%; height: auto;}
      .index-ad-banner li { float: left; width: 25%; box-sizing: border-box; border: 1px solid #000; line-height: 10px; text-align:center; padding: 10px; margin: 0px; }
      </style>

      其中:http://ip-api.com/json/?callback=ip可以自动识别访问用户的IP地址归属。代码可以详细到国家,省份,城市。

      请登录之后再进行评论

      登录
    • 任务系统
    • 帖子间隔 侧栏位置: