简单的随机图片广告代码 – WordPress教程

王小优
王小优
王小优
231
文章
0
评论
2015年5月19日 评论 4,514 1717字阅读5分43秒
摘要

为了更好的广告点击效果所以就要求客户每个位置提供至少三张图片,一个简单的随机图片广告代码,今天在明月登楼博客看到,顺便分享给大家:

简单的随机图片广告代码 – WordPress教程

代码部署

  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.wangxiaoyou.com/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>","2015-5-19","2015-5-20");
  25. break;
  26. case 2:
  27. showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址'  border=0></a>","2015-5-19","2015-5-20");
  28. break;
  29. case 3:
  30. showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址'  border=0></a>","2015-5-19","2015-5-20");
  31. break;
  32. }

上述给广告指定投放有效时段代码没有测试过,大家只能自己调试了。

是不是很简单呀?如果有更合适的,还会分享给大家的,希望这段代码对大家有帮助。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

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