代碼如何實現? 在這我推薦兩種隨機顯示廣告的處理辦法.

在后 " /> 草莓视频免费在线观看,久久99精品涩AV毛片观看,久草色在线

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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 那樣的擴展需求, 將空廣告位顯示在最后, 且顯示廣告招租鏈接, 該如何處理? 這個當作課后習題吧...

php技術php 隨機排序廣告的實現代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 麻豆AV蜜桃AV久久 | 免费女人光着全身网站 | 24小时日本在线观看片 | 乌克兰女人与动ZOZO | 97视频免费观看 | 国产精品日本不卡一区二区 | 麻豆精选2021 | 麻豆文化传媒一区二区 | 国产免费人成在线视频有码 | 嗯啊不要老师 | 亚瑟天堂久久一区二区影院 | 免费播放美女一级毛片 | 国产精品嫩草影视在线观看 | 天天色天天干天天 | 考试考90就可以晚上和老师C | 日本视频久久 | 女人高潮了拔出来了她什么感觉 | 在线亚洲97se | 中文字幕高清在线中文字幕 | 毛片在线播放网址 | 黑人性xxx | 一边捏奶头一边啪高潮会怎么样 | 久久xxxx| 青草久久影院 | 午夜影院一区二区三区 | 国产精品熟女人妻 | 色迷迷电影 | 玩高中女同桌肉色短丝袜脚文 | 日本无码毛片久久久九色综合 | 中文字幕不卡在线视频 | 琉璃美人煞在线观看 | 真人美女精美小穴 | 免费毛片网站在线观看 | 成人在线视频免费 | 最近免费中文字幕完整版HD | 久久无码人妻AV精品一区 | 99热只有这里有精品 | 国产午夜伦鲁鲁 | 日本熟妇乱人伦A片精品软件 | 美女被黑人巨大进入 | 99精品国产免费久久久久久下载 |