脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → PHP编程 → php技巧 → php 随机排序广告

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

 更新时间：2011年05月09日 19:37:07   作者：  
博客流行在侧边栏放置 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数组函数array_multisort()用法实例分析

    PHP数组函数array_multisort()用法实例分析

    这篇文章主要介绍了PHP数组函数array_multisort()用法,结合实例形式详细分析了array_multisort函数的功能,定义及进行数组排序过程中的使用技巧,需要的朋友可以参考下
    2016-04-04
  • php报错502badgateway解决方法

    php报错502badgateway解决方法

    在本篇文章里小编给大家整理了关于php报错502badgateway解决方法相关知识点，有需要的朋友们参考下。
    2019-10-10
  • PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

    PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

    在看帝国cms的connect.php是发现第一句是error_reporting(E_ALL ^ E_NOTICE);以前也没注意过这个语句，知道是设置错误提示的，但不清楚具体怎样设置使用。下面从网上摘抄了些东西，总结了一下。
    2011-07-07
  • Windows服务器中PHP如何安装redis扩展

    Windows服务器中PHP如何安装redis扩展

    一句话总结：下载扩展的dll，放入指定文件夹（php对应的扩展的目录php/ext），在配置文件php.ini中注册dll，这里就为大家分享一下
    2019-09-09
  • PHP中常见文本文件操作总结

    PHP中常见文本文件操作总结

    在PHP中,我们可以使用一些内置的函数来进行文本文件操作,本文主要为大家详细介绍了一些常见的文本文件操作,有需要的小伙伴可以参考一下
    2023-12-12
  • php zlib压缩和解压缩swf文件的代码

    php zlib压缩和解压缩swf文件的代码

    我在以前写过怎么使用c#来压缩和解压缩swf文件,解压缩,压缩和读取flash头文件信息
    2008-12-12
  • php中防止伪造跨站请求的小招式

    php中防止伪造跨站请求的小招式

    伪造跨站请求比较难以防范，而且危害巨大，攻击者可以通过这种方式恶作剧，发spam信息，删除数据等等。
    2011-09-09
  • 使用php+Ajax实现唯一校验实现代码[简单应用]

    使用php+Ajax实现唯一校验实现代码[简单应用]

    使用php+Ajax实现唯一校验实现代码[简单应用],前台用ajax后台用php，需要的朋友可以参考下。
    2011-11-11
  • 浅谈php错误提示及查错方法

    浅谈php错误提示及查错方法

    本文给大家简单总结了下php的3种错误提示和3种查错的方法，非常简单，记录一下，以后补全，有需要的小伙伴先来MARK下吧
    2015-07-07
  • 怎么在Windows系统中搭建php环境

    怎么在Windows系统中搭建php环境

    因为很多php初学者在环境搭建这一环节就费了很大的功夫，导致失去了学习php的兴趣，所以小编推荐初学者使用集成软件搭建环境，随着学习的不断深入，再回过头来了解环境
    2013-08-08

最新评论