php 随机排序广告的实现代码

yipeiwu_com5年前PHP代码库
投放广告的人都很关注他的广告会放在哪个位置, 因为这可能影响点击次数, 甚至是否在第一屏显示. 就这个问题, 其实很容易解决, 只要随机显示广告即可.

代码如何实现? 在这我推荐两种随机显示广告的处理办法.

在后端处理
在后端排序好再输出页面. 将广告节点用数组存放, 对数组进行随机排序, 再输出经过排序的数组. 参考代码 (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 那样的扩展需求, 将空广告位显示在最后, 且显示广告招租链接, 该如何处理? 这个当作课后习题吧...

相关文章

thinkphp如何获取客户端IP

thinkphp框架中系统内置了get_client_ip方法用于获取客户端的IP地址,使用示例: $ip = get_client_ip(); 除了thinkphp内置get_cl...

比较全面的PHP数组的使用方法小结

一、什么是数组数组就是一组数据的集合,把一系列数据组织起来,形成一个可操作的整体。数组的每个实体都包含两项:键和值。二、声明数据在PHP中声明数组的方式主要有两种:一是应用array()...

php文件上传你必须知道的几点

php文件上传你必须知道的几点

本篇文章主要说明的是与php文件上传的相关配置的知识点。PHP文件上传功能配置主要涉及php.ini配置文件中的upload_tmp_dir、upload_max_filesize、po...

PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】

PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】

本文实例讲述了PHP登录验证功能。分享给大家供大家参考,具体如下: 登录界面 具体实现方法如下: login.html <!DOCTYPE html> <h...

无需重新编译php加入ftp扩展的解决方法

首先,进入源码目录cd php-5.2.13/ext/ftp #运行phpize生成configure/usr/local/php/bin/phpize #编译,指定php-config...