分享个简单的随机图片广告代码

2017-03-2417:48:22 41 6,887
摘 要

是不是很简单呀?明月最近一直在找类似的JS实现的广告代码,如果有更合适的,明月还会分享给大家的,希望这段代码对大家有帮助。

最近明月接了几个广告投放的单子,为了更好的广告点击效果所以就要求客户每个位置提供至少三张图片,以前明月都是使用“百度 SSP 媒体服务”(原百度广告管家),但是百度 SSP 媒体服务需要加载一个百度的 JS 文档,感觉很是影响网页的载入速度,效能很低,于是就网上搜索了一番,让我找到了一个简单的随机图片广告代码。今天就分享给大家,以便大家需要的时候能用上!

简单的随机图片广告代码

  1. var p=3;
  2. var q=Math.floor(Math.random()*p+1)
  3. switch(q)
  4. {
  5. case 1:
  6. document.writeln("<a href=http://广告链接地址 target=_blank><img src=http://广告图片地址  border=0></a>");
  7. break;
  8. case 2:
  9. document.writeln("<a href=http://广告链接地址 target=_blank><img src=http://广告图片地址  border=0></a>");
  10. break;
  11. case 3:
  12. document.writeln("<a href=http://广告链接地址 target=_blank><img src=http://广告图片地址  border=0></a>");
  13. break;
  14. }

先将上述代码里的“广告链接地址”和“广告图片地址”等修改为自己的链接后,将上述代码另存为 myad.js 文档后,上传至服务器主机指定目录,记下具体的目录地址。

在需要引用的地方,只需要加上下面这段引用代码即可:

  1. <center>
  2. <script type="text/javascript" src="https://www.imydl.com/images/myad.js"></script>
  3. </center>

其实只要是有点儿 JS 代码常识的都可以看出来,这个代码很简单,但是又很实用。明月提供的这个样例,是可以实现三张图片随机展示。如果想调整这个图片数量,只需要修改 var p=3 这里的数字,然后修改 switch 里面的对应的 case 数量即可。

还可以给广告指定投放有效时段,代码如下:

  1. function strToDate(str,ext){
  2.     if(str==null || str==''return;
  3.     var arys = new Array();
  4.     arys = str.split('-');
  5.     var newDate = new Date(arys[0],arys[1]-1,arys[2],9,0,0);
  6.     if(ext){
  7.         newDate = new Date(newDate.getTime()+1000*60*60*24);
  8.     }
  9.     return newDate;
  10. }
  11. function showit(str,start,end){
  12. var date = new Date();
  13. var start=strToDate(start);
  14. var end=strToDate(end,false);
  15. if(date>start && date<end || start==null){
  16. document.write(str);
  17.     }
  18. }
  19. var p=3;
  20. var q=Math.floor(Math.random()*p+1)
  21. switch(q)
  22. {
  23. case 1:
  24. showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址'  border=0></a>","2017-3-24","2017-3-25");
  25. break;
  26. case 2:
  27. showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址'  border=0></a>","2017-3-24","2017-3-25");
  28. break;
  29. case 3:
  30. showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址'  border=0></a>","2017-3-24","2017-3-25");
  31. break;
  32. }

上述代码明月没有测试过,大家只能自己调试了。:-)

是不是很简单呀?明月最近一直在找类似的 JS 实现的广告代码,如果有更合适的,明月还会分享给大家的,希望这段代码对大家有帮助。

历史文章推荐:

  • 本博客公众号
  • 扫一扫关注!
  • weinxin
  • 本博客小程序
  • 微信内浏览本博客
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:41   其中:访客  21   博主  20

    • 格子老师 格子老师 3

      这个不错哦

      • 一缕清风 一缕清风 0

        指定投放有效时段 的代码不能在新窗口打开。

          • 明月登楼 明月登楼 Admin

            @一缕清风 代码在不在新窗口打开跟这个代码关系不大哦!只能你自己排查了,反正我的博客和主题里是正常的!

          • 大过小事 大过小事 5

            这代码已无法复制了

            • 呆毛电脑配置网 呆毛电脑配置网 6

              应该搞个 展示的?

              • 懿古今 懿古今 6

                这个方法不错,如果结合主题选项之后,就可以直接在后台添加图片地址和链接地址 :wink:

                • Win7en乐园 Win7en乐园 5

                  分享的东西蛮多的嘛

                  • 一抹阳光 一抹阳光 3

                    学习了,还可以添加更多 再加一个 case

                    • 战略 战略 3

                      最近也改代码,谢谢分享

                      • 摩羯 摩羯 2

                        很实用!收藏了!

                        • 靠谱学生兼职网 靠谱学生兼职网 4

                          之前我也有过找啊找的,目前暂时不用到,收藏起来,日后也好用到再来看看 :mrgreen: