php 随机排序广告的实现代码
2015-01-24信息快讯网
博客流行在侧边栏放置 4 到 6 个 125x125 的广告, 但一般的摆放顺序存在问题. 如果广告位置被固定, 各个位置的天然关注度肯定是不一样的
投放广告的人都很关注他的广告会放在哪个位置, 因为这可能影响点击次数, 甚至是否在第一屏显示. 就这个问题, 其实很容易解决, 只要随机显示广告即可.代码如何实现? 在这我推荐两种随机显示广告的处理办法.
在后端处理
在后端排序好再输出页面. 将广告节点用数组存放, 对数组进行随机排序, 再输出经过排序的数组. 参考代码 (PHP) 如下:
// 用数组存放广告列表 $ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>' ,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>' ,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>' ,'<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>' ); // 对数组进行随机排序 shuffle($ads); // 输出经过排序的数组 $html = ''; foreach ($ads as $ad) { $html .= $ad; } echo $html;
我们来扩展一下, 如果我是站长, 预留了 4 个广告位, 但现在只有 3 个在投放; 我想在空置的广告位放置一个 "虚位以待" 的广告招租链接, 并显示在最后, 该如何处理呢? 在排序完成之后再插放广告招租链接就可以了.
// 用数组存放广告列表 $ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>' ,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>' ,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>' ); // 对数组进行随机排序 shuffle($ads); // 输出经过排序的数组 $html = ''; foreach ($ads as $ad) { $html .= $ad; } // 添加广告招租链接 $html .= '<a href="#"><img src="sell-ad-125x125.png" alt="虚位以待" width="125" height="125" /></a>'; echo $html;
我就是用这个方法来输出 125x125 广告的, 因为它直观可靠, 处理方便. 但是如果你希望对页面做静态化, 建议选用 JS 随机排序的方法.
在前端处理
在后端按原有循序输出, 在页面通过 JavaScript 重新排序. 假设页面输出广告区域的 HTML 片段如下.
<div id="ads"> <a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a> </div>
我们可以通过 JS 来对广告进行重新排序. 参考代码如下:
<div id="ads" style="display:none;"> <a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a> <a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a> </div> <div id="random-ads" style="display:none;"> </div> <script type="text/javascript"> //<![CDATA[ var source = document.getElementById('ads'); var target = document.getElementById('random-ads'); var ads = source.getElementsByTagName('a'); // 下标数组 var arr = new Array(); for(var i=0; i<ads.length; i++) { arr[i] = i; } // 随机排序 function randomSort(a, b){ var tmp = parseInt((Math.random() + 0.5), 10); return tmp ? a-b : b-a; } // 将老的广告区的节点随机插放到新的广告区 arr.sort(randomSort); for(var i=0; i<arr.length; i++) { target.appendChild(ads[arr[i]].cloneNode(true)); } // 显示新的广告区和移除老的广告区 source.parentNode.removeChild(source); target.style.display = 'block'; //]]> </script>
如果有如同方法 1 那样的扩展需求, 将空广告位显示在最后, 且显示广告招租链接, 该如何处理? 这个当作课后习题吧...
php实现按照权重随机排序数据的方法
分享一下贝贝成长进度的php代码
PHP UTF8中文字符截断函数代码
php中将汉字转换成拼音的函数代码
PHP json格式和js json格式 js跨域调用实现代码
php比较多维数组中值的大小排序实现代码
php实现快速排序法函数代码
php中3种方法统计字符串中每种字符的个数并排序
php中的一些数组排序方法分享
php数据结构与算法(PHP描述) 快速排序 quick sort
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
php 广告调用类代码(支持Flash调用)
php中随机显示图片的函数代码
谷歌音乐搜索栏的提示功能php修正代码
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
php在多维数组中根据键名快速查询其父键以及父键值的代码
php中通过Ajax如何实现异步文件上传的代码实例
php 安全过滤函数代码
PHP 遍历文件实现代码
php产生随机数的两种方法实例代码 输出随机IP
PHP随机数生成代码与使用实例分析
php 数组排序 array_multisort与uasort的区别
php生成随机密码的几种方法
array_multisort实现PHP多维数组排序示例讲解
php关于array_multisort多维数组排序的使用说明
zen cart新进商品的随机排序修改方法
php生成随机密码的三种方法小结
PHP下对数组进行排序的函数
PHP 反向排序和随机排序代码
dedecms系统的广告设置代码 基础版本