简单的随机图片广告代码 —— WordPress美化教程|仙踪小栈

仙踪小栈 2017年8月30日22:02:29 1 4,847

摘要

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

简单的随机图片广告代码 —— WordPress美化教程

代码部署

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

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

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

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

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

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

function strToDate(str,ext){
if(str==null || str=='') return;
var arys = new Array();
arys = str.split('-');
var newDate = new Date(arys[0],arys[1]-1,arys[2],9,0,0);
if(ext){
newDate = new Date(newDate.getTime()+1000*60*60*24);
}
return newDate;
}
function showit(str,start,end){
var date = new Date();
var start=strToDate(start);
var end=strToDate(end,false);
if(date>start && date<end || start==null){
document.write(str);
}
}
var p=3;
var q=Math.floor(Math.random()*p+1)
switch(q)
{
case 1:
showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址' border=0></a>","2017-3-24","2017-3-25");
break;
case 2:
showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址' border=0></a>","2017-3-24","2017-3-25");
break;
case 3:
showit("<a href='https://广告链接地址=_blank'><img src='http://广告图片地址' border=0></a>","2017-3-24","2017-3-25");
break;
}