반응형
php 광고 로딩 클래스, 비동기 및 동기 로딩 지원.Jquery를 사용해야 합니다.
ADLoader.class.php
<?php
/** 광고 로딩 관리 클래스
* Date: 2013-08-04
* Author: fdipzone
* Ver: 1.0
*
* Func:
* public load 로드광고집합
* public setConfig 광고배치
* private getAds 채널 기반 광고 모음 만들기
* private genZoneId zoneid base64_encode 처리하다
* private genHtml HTML 생성
* private checkBrowser 동기화된 브라우저가 필요한지 검사하기
*/
class ADLoader{ // class start
private static $_ads = array(); // 광고집합
private static $_step = 300; // 광고 로딩 간격
private static $_async = true; // 비동기 로딩 여부
private static $_config = array(); // 광고 설정 파일
private static $_jsclass = null; // 광고 JS 클래스
/** 로드광고집합
* @param String $channel 열, config 파일 대응
* @param int $step 광고 로딩 간격
* @param boolean $async 비동기 로딩 여부
*/
public static function load($channel='', $step='', $async=''){
if(isset($step) && is_numeric($step) && $step>0){
self::$_step = $step;
}
if(isset($async) && is_bool($async)){
self::$_async = $async;
}
// IE에서 동기 부여 로드를 사용하는 것과 같은 브라우저 판단
if(!self::checkBrowser()){
self::$_async = false;
}
self::getAds($channel);
self::genZoneId();
return self::genHtml();
}
/** config 설정
* @param String $config 광고배치
* @param String $jsclass js class파일 경로
*/
public static function setConfig($config=array(), $jsclass=''){
self::$_config = $config;
self::$_jsclass = $jsclass;
}
/** 채널 기반 광고 모음 만들기
* @param String $channel 난
*/
private static function getAds($channel=''){
$AD_Config = self::$_config;
if($AD_Config!=null){
self::$_ads = isset($AD_Config[$channel])? $AD_Config[$channel] : $AD_Config['default'];
}
}
/** zoneid base64_encode 처리하다 */
private static function genZoneId(){
// 동시 로드 광고 zoneid 처리 불필요
if(!self::$_async){
return ;
}
$ads = self::$_ads;
for($i=0,$len=count($ads); $i<$len; $i++){
if(isset($ads[$i]['zoneId'])){
$ads[$i]['zoneId'] = base64_encode('var zoneid='.$ads[$i]['zoneId'].';');
}
}
self::$_ads = $ads;
}
/** HTML 생성 */
private static function genHtml(){
$ads = self::$_ads;
$html = array();
if(self::$_jsclass!=null && $ads){
array_push($html, '<script type="text/javascript" src="'.self::$_jsclass.'"></script>');
// 동기화는 미리 불러와야 합니다
if(!self::$_async){
foreach($ads as $ad){
array_push($html, '<div id="'.$ad['domId'].'_container" style="display:none">');
array_push($html, '<script type="text/javascript">');
array_push($html, 'ADLoader.preload('.json_encode($ad).');');
array_push($html, '</script>');
array_push($html, '</div>');
}
}
array_push($html, '<script type="text/javascript">');
array_push($html, 'var ads='.json_encode($ads).';');
array_push($html, '$(document).ready(function(){ ADLoader.load(ads, '.self::$_step.', '.intval(self::$_async).'); });');
array_push($html, '</script>');
}
return implode("\r\n", $html);
}
/** 강제로 동기화할 브라우저가 필요한지 판단하기 */
private static function checkBrowser(){
$user_agent = $_SERVER['HTTP_USER_AGENT'];
if(strstr($user_agent,'MSIE')!=''){
return false;
}
return true;
}
} // class end
?>ADConfig.php
<?php
/** 광고 프로파일 **/
return array(
'case_openx' => array(
array(
'type' => 'openx',
'domId' => 'ad_728x90',
'zoneId' => 452
),
array(
'type' => 'openx',
'domId' => 'ad_300x250',
'zoneId' => 449
),
array(
'type' => 'openx',
'domId' => 'ad_l2_300x250',
'zoneId' => 394
),
),
'case_url' => array(
array(
'type' => 'url',
'domId' => 'ad_728x90',
'url' => 'adurl.php?zoneid=452'
),
array(
'type' => 'url',
'domId' => 'ad_300x250',
'url' => 'adurl.php?zoneid=449'
),
array(
'type' => 'url',
'domId' => 'ad_l2_300x250',
'url' => 'adurl.php?zoneid=394'
)
),
'case_sync_openx' => array(
array(
'type' => 'openx',
'domId' => 'ad_728x90',
'zoneId' => 452
),
array(
'type' => 'openx',
'domId' => 'ad_300x250',
'zoneId' => 449
),
array(
'type' => 'openx',
'domId' => 'ad_l2_300x250',
'zoneId' => 394
),
),
'default' => array(
array(
'type' => 'openx',
'domId' => 'ad_728x90',
'zoneId' => 452
),
array(
'type' => 'openx',
'domId' => 'ad_300x250',
'zoneId' => 449
),
array(
'type' => 'openx',
'domId' => 'ad_l2_300x250',
'zoneId' => 394
),
),
);
?>ADLoader.js
/** 비동기 광고
* Date: 2013-08-04
* Author: fdipzone
* Ver: 1.0
*/
var ADLoader = (function(){
var _ads = [], // 광고집합
_step = 300, // 광고 로딩 간격
_async = true, // 비동기 로딩 여부
_loaded = 0; // 이미 로드된 광고 수
/** loadAd 순환광고
* @param int c 몇 번째 광고
*/
function loadAD(c){
if(_loaded>=_ads.length){
return ;
}
if($('#'+_ads[c].domId).length>0){ // dom 존재 여부 판단
if(_async){ // 비동기적으로 실행하다
crapLoader.loadScript(getScript(_ads[c]), _ads[c].domId, {
success: function(){
completeAd();
}
});
}else{ // 불러오는 광고 보이기
var ad_container = $('#'+_ads[c].domId+'_container');
ad_container.find('embed').attr('wmode','transparent').end().find('object').each(function(k, v){
v.wmode = 'transparent'; // 将flash变透明
});
$('#'+_ads[c].domId)[0].appendChild(ad_container[0]);
ad_container.show();
completeAd();
}
}else{ // dom이 존재하지 않습니다
completeAd();
}
}
/** 광고 로드 후 처리 */
function completeAd(){
_loaded ++;
setTimeout(function(){
loadAD(_loaded);
}, _step);
}
/** 광고취득
* @param Array ad 광고 파라미터
*/
function getScript(ad){
var ret = null;
switch(ad.type){
case 'openx': // openx code ad
ret = 'data:text/javascript;base64,' + ad.zoneId + 'dmFyIG0zX3UgPSAobG9jYXRpb24ucHJvdG9jb2w9PSdodHRwczonPydodHRwczovL2Fkcy5ubWcuY29tLmhrL3d3dy9kZWxpdmVyeS9hanMucGhwJzonaHR0cDovL2Fkcy5ubWcuY29tLmhrL3d3dy9kZWxpdmVyeS9hanMucGhwJyk7CnZhciBtM19yID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKjk5OTk5OTk5OTk5KTsKaWYgKCFkb2N1bWVudC5NQVhfdXNlZCkgZG9jdW1lbnQuTUFYX3VzZWQgPSAnLCc7CmRvY3VtZW50LndyaXRlICgiPHNjciIrImlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnIHNyYz0nIittM191KTsKZG9jdW1lbnQud3JpdGUgKCI/em9uZWlkPSIgKyB6b25laWQpOwpkb2N1bWVudC53cml0ZSAoJyZhbXA7Y2I9JyArIG0zX3IpOwppZiAoZG9jdW1lbnQuTUFYX3VzZWQgIT0gJywnKSBkb2N1bWVudC53cml0ZSAoIiZhbXA7ZXhjbHVkZT0iICsgZG9jdW1lbnQuTUFYX3VzZWQpOwpkb2N1bWVudC53cml0ZSAoZG9jdW1lbnQuY2hhcnNldCA/ICcmYW1wO2NoYXJzZXQ9Jytkb2N1bWVudC5jaGFyc2V0IDogKGRvY3VtZW50LmNoYXJhY3RlclNldCA/ICcmYW1wO2NoYXJzZXQ9Jytkb2N1bWVudC5jaGFyYWN0ZXJTZXQgOiAnJykpOwpkb2N1bWVudC53cml0ZSAoIiZhbXA7bG9jPSIgKyBlc2NhcGUod2luZG93LmxvY2F0aW9uKSk7CmlmIChkb2N1bWVudC5yZWZlcnJlcikgZG9jdW1lbnQud3JpdGUgKCImYW1wO3JlZmVyZXI9IiArIGVzY2FwZShkb2N1bWVudC5yZWZlcnJlcikpOwppZiAoZG9jdW1lbnQuY29udGV4dCkgZG9jdW1lbnQud3JpdGUgKCImY29udGV4dD0iICsgZXNjYXBlKGRvY3VtZW50LmNvbnRleHQpKTsKaWYgKGRvY3VtZW50Lm1tbV9mbykgZG9jdW1lbnQud3JpdGUgKCImYW1wO21tbV9mbz0xIik7CmRvY3VtZW50LndyaXRlICgiJz48XC9zY3IiKyJpcHQ+Iik7';
break;
case 'url': // url ad
ret = ad.url;
break;
}
return ret;
}
/** 동시 로딩 광고
* @param Array ad 광고 파라미터
*/
function writeAd(ad){
switch(ad.type){
case 'openx':
var m3_u = (location.protocol=='https:'?'https://ads.nmg.com.hk/www/delivery/ajs.php':'http://ads.nmg.com.hk/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
document.write ("?zoneid=" + ad.zoneId);
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write (document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : ''));
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/scr"+"ipt>");
break;
case 'url':
document.write ('<script type="text/javascript" src="' + ad.url + '"></script>');
break;
}
}
obj = {
/** 광고를 싣다
* @param Array ads 광고집합
* @param int step 광고 로딩 간격
* @param boolean async true:비동기 로딩 false: 동기 로딩
*/
load: function(ads, step, async){
_ads = ads;
if(typeof(step)!='undefined'){
_step = step;
}
if(typeof(async)!='undefined'){
_async = async;
}
loadAD(_loaded);
},
/** 프리로드광고 */
preload: function(ad){
if($('#'+ad.domId).length>0){ // dom 존재 여부 판단
writeAd(ad);
}
}
}
return obj;
}());
/* crapLoader */
var crapLoader = (function() {
var isHijacked = false,
queue = [],
inputBuffer = [],
writeBuffer = {},
loading = 0,
elementCache = {},
returnedElements = [],
splitScriptsRegex = /(<script[\s\S]*?<\/script>)/gim,
globalOptions = {
autoRelease: true,
parallel: true,
debug: false
},
defaultOptions = {
charset: undefined,
success: undefined,
func: undefined,
src: undefined,
timeout: 3000
},publ,
head = document.getElementsByTagName("head")[0] || document.documentElement,
support = {
scriptOnloadTriggeredAccurately: false,
splitWithCapturingParentheses: ("abc".split(/(b)/)[1]==="b")
};
function checkQueue () {
if(queue.length) {
loadScript( queue.shift() );
} else if(loading === 0 && globalOptions.autoRelease) {
debug("Queue is empty. Auto-releasing.");
publ.release();
}
}
function checkWriteBuffer (obj) {
var buffer = writeBuffer[obj.domId],
returnedEl;
if(buffer && buffer.length) {
writeHtml( buffer.shift(), obj );
} else {
while (returnedElements.length > 0) {
returnedEl = returnedElements.pop();
var id = returnedEl.id;
var elInDoc = getElementById(id);
if (!elInDoc) { continue; }
var parent = elInDoc.parentNode;
elInDoc.id = id + "__tmp";
parent.insertBefore(returnedEl, elInDoc);
parent.removeChild(elInDoc);
}
finished(obj);
}
}
function debug (message, obj) {
if(!globalOptions.debug || !window.console) { return; }
var objExtra = "";
if(obj) {
objExtra = "#"+obj.domId+" ";
var depth = obj.depth;
while(depth--) { objExtra += " "; }
}
console.log("crapLoader " + objExtra + message);
}
function extend (t, s) {
var k;
if(!s) { return t; }
for(k in s) {
t[k] = s[k];
}
return t;
}
function finished (obj) {
if(obj.success && typeof obj.success === "function") {
obj.success.call( document.getElementById(obj.domId) );
}
checkQueue();
}
function flush (obj) {
var domId = obj.domId,
outputFromScript,
htmlPartArray;
outputFromScript = stripNoScript( inputBuffer.join("") );
inputBuffer = [];
htmlPartArray = separateScriptsFromHtml( outputFromScript );
if(!writeBuffer[domId]) {
writeBuffer[domId] = htmlPartArray;
} else {
Array.prototype.unshift.apply(writeBuffer[domId], htmlPartArray);
}
checkWriteBuffer(obj);
}
function getCachedElById (domId) {
return elementCache[domId] || (elementCache[domId] = document.getElementById(domId));
}
function getElementById (domId) {
return ( publ.orgGetElementById.call ?
publ.orgGetElementById.call(document, domId) :
publ.orgGetElementById(domId) );
}
function getElementByIdReplacement (domId) {
var el = getElementById(domId),
html, frag, div, found;
function traverseForElById(domId, el) {
var children = el.children, i, l, child;
if(children && children.length) {
for(i=0,l=children.length; i<l; i++) {
child = children[i];
if(child.id && child.id === domId) { return child; }
if(child.children && child.children.length) {
var tmp = traverseForElById(domId, child);
if (tmp) return tmp;
}
}
}
}
function searchForAlreadyReturnedEl(domId) {
var i, l, returnedEl;
for(i=0,l=returnedElements.length; i<l; i++) {
returnedEl = returnedElements[i];
if(returnedEl.id === domId) { return returnedEl; }
}
}
if(el) { return el; }
if (returnedElements.length) {
found = searchForAlreadyReturnedEl(domId);
if (found) {
return found;
}
}
if(inputBuffer.length) {
html = inputBuffer.join("");
frag = document.createDocumentFragment();
div = document.createElement("div");
div.innerHTML = html;
frag.appendChild(div);
found = traverseForElById(domId, div);
if (found) {
returnedElements.push(found);
}
return found;
}
}
var globalEval = (function () {
return (window.execScript ? function(code, language) {
window.execScript(code, language || "JavaScript");
} : function(code, language) {
if(language && !/^javascript/i.test(language)) { return; }
window.eval.call(window, code);
});
}());
function isScript (html) {
return html.toLowerCase().indexOf("<script") === 0;
}
function runFunc (obj) {
obj.func();
obj.depth++;
flush(obj);
}
function loadScript (obj) {
loading++;
// async loading code from jQuery
var script = document.createElement("script");
if(obj.type) { script.type = obj.type; }
if(obj.charset) { script.charset = obj.charset; }
if(obj.language) { script.language = obj.language; }
logScript(obj);
var done = false;
// Attach handlers for all browsers
script.onload = script.onreadystatechange = function() {
loading--;
script.loaded = true;
if ( !done && (!this.readyState ||
this.readyState === "loaded" || this.readyState === "complete") ) {
done = true;
script.onload = script.onreadystatechange = null;
debug("onload " + obj.src, obj);
flush(obj);
}
};
script.loaded = false;
script.src = obj.src;
obj.depth++;
// Use insertBefore instead of appendChild to circumvent an IE6 bug.
// This arises when a base node is used (#2709 and #4378).
head.insertBefore( script, head.firstChild );
setTimeout(function() {
if(!script.loaded) { throw new Error("SCRIPT NOT LOADED: " + script.src); }
}, obj.timeout);
}
function logScript (obj, code, lang) {
debug((code ?
"Inline " + lang + ": " + code.replace("\n", " ").substr(0, 30) + "..." :
"Inject " + obj.src), obj);
}
function separateScriptsFromHtml (htmlStr) {
return split(htmlStr, splitScriptsRegex);
}
function split (str, regexp) {
var match, prevIndex=0, tmp, result = [], i, l;
if(support.splitWithCapturingParentheses) {
tmp = str.split(regexp);
} else {
// Cross browser split technique from Steven Levithan
// http://blog.stevenlevithan.com/archives/cross-browser-split
tmp = [];
while(match = regexp.exec(str)) {
if(match.index > prevIndex) {
result.push(str.slice(prevIndex, match.index));
}
if(match.length > 1 && match.index < str.length) {
Array.prototype.push.apply(tmp, match.slice(1));
}
prevIndex = regexp.lastIndex;
}
if(prevIndex < str.length) {
tmp.push(str.slice(prevIndex));
}
}
for(i=0, l=tmp.length; i<l; i=i+1) {
if(tmp[i]!=="") { result.push(tmp[i]); }
}
return result;
}
function stripNoScript (html) {
return html.replace(/<noscript>[\s\S]*?<\/noscript>/ig, "");
}
function trim (str) {
if(!str) { return str; }
return str.replace(/^\s*|\s*$/gi, "");
}
function writeHtml (html, obj) {
if( isScript(html) ) {
var dummy = document.createElement("div");
dummy.innerHTML = "dummy<div>" + html + "</div>"; // trick for IE
var script = dummy.children[0].children[0];
var lang = script.getAttribute("language") || "javascript";
if(script.src) {
obj.src = script.src;
obj.charset = script.charset;
obj.language = lang;
obj.type = script.type;
loadScript(obj);
} else {
var code = trim( script.text );
if(code) {
logScript( obj, code, lang);
globalEval( code, lang);
}
flush(obj);
}
} else {
var container = getCachedElById(obj.domId);
if(!container) {
throw new Error("crapLoader: Unable to inject html. Element with id '" + obj.domId + "' does not exist");
}
html = trim(html); // newline before <object> cause weird effects in IE
if(html) {
container.innerHTML += html;
}
checkWriteBuffer(obj);
}
}
function writeReplacement (str) {
inputBuffer.push(str);
debug("write: " + str);
}
function openReplacement () {
// document.open() just returns the document when called from a blocking script:
// http://www.whatwg.org/specs/web-apps/current-work/#dom-document-open
return document;
}
function closeReplacement () {
// document.close() does nothing when called from a blocking script:
// http://www.whatwg.org/specs/web-apps/current-work/#dom-document-close
}
publ = {
hijack: function(options) {
if(isHijacked) { return; }
isHijacked = true;
extend(globalOptions, options);
if(globalOptions.parallel && !support.scriptOnloadTriggeredAccurately) {
globalOptions.parallel = false;
debug("Browsers onload is not reliable. Disabling parallel loading.");
}
document.write = document.writeln = writeReplacement;
document.open = openReplacement;
document.close = closeReplacement;
document.getElementById = getElementByIdReplacement;
},
release: function() {
if(!isHijacked) { return; }
isHijacked = false;
document.write = this.orgWrite;
document.writeln = this.orgWriteLn;
document.open = this.orgOpen;
document.close = this.orgClose;
document.getElementById = this.orgGetElementById;
elementCache = {};
},
handle: function(options) {
if(!isHijacked) {
debug("Not in hijacked mode. Auto-hijacking.");
this.hijack();
}
var defaultOptsCopy = extend({}, defaultOptions);
var obj = extend(defaultOptsCopy, options);
obj.depth = 0;
if (!obj.domId) {
obj.domId = "craploader_" + new Date().getTime();
var span = document.createElement("span");
span.id = obj.domId;
document.body.appendChild(span);
}
if (options.func) {
runFunc(obj);
return;
}
if(globalOptions.parallel) {
setTimeout(function() {
loadScript(obj);
}, 1);
} else {
queue.push(obj);
setTimeout(function() {
if(loading === 0) {
checkQueue();
}
}, 1);
}
},
loadScript: function(src, domId, options) {
if (typeof domId !== "string") {
options = domId;
domId = undefined;
}
this.handle(extend({
src: src,
domId: domId
}, options));
},
runFunc: function(func, domId, options) {
if (typeof domId !== "string") {
options = domId;
domId = undefined;
}
this.handle( extend({
domId: domId,
func: func
}, options) );
},
orgGetElementById : document.getElementById,
orgWrite : document.write,
orgWriteLn : document.writeln,
orgOpen : document.open,
orgClose : document.close,
_olt : 1,
_oltCallback : function() {
support.scriptOnloadTriggeredAccurately = (publ._olt===2);
}
};
return publ;
}());demo.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> AD Loader </title>
<style type="text/css">
.banner1{margin:10px; border:1px solid #CCCCCC; width:728px; height:90px;}
.banner2{margin:10px; border:1px solid #CCCCCC; width:300px; height:250px;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<div class="banner1" id="ad_728x90"></div>
<div class="banner2" id="ad_300x250"></div>
<div class="banner2" id="ad_l2_300x250"></div>
<?php
function showAD($channel='', $step='', $async=''){
include('ADLoader.class.php');
$ad_config = include('ADConfig.php');
ADLoader::setConfig($ad_config, 'ADLoader.js');
return ADLoader::load($channel, $step, $async);
}
echo showAD('case_openx'); //비동기 로딩
//echo showAD('case_url'); // url 방식 비동기 로딩
//echo showAD('case_sync_openx', 300, false); // 동기 로딩
?>
</body>
</html>durl.php
<?php
$zoneid = isset($_GET['zoneid'])? intval($_GET['zoneid']) : 0;
if($zoneid){
?>
var zoneid = <?=$zoneid ?>;
var m3_u = (location.protocol=='https:'?'https://ads.nmg.com.hk/www/delivery/ajs.php':'http://ads.nmg.com.hk/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
document.write ("?zoneid=" + zoneid);
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write (document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : ''));
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/scr"+"ipt>");
<? } ?>반응형
'개발 꿀팁 > PHP' 카테고리의 다른 글
| php 로고 QR 클래스 만들기 (0) | 2022.08.16 |
|---|---|
| php XML 파일 해석 클래스 (0) | 2022.08.16 |
| PHP 생성 유일한 RequestID 클래스 (0) | 2022.08.15 |
| php 양방향 큐 클래스 (0) | 2022.08.10 |
| php CSV 추상화 내보내기 (0) | 2022.08.10 |