Banner.Holder™Ad.Holder™Context.Holder™System.Holder™Video.Holder™

Логин


зарегистрироваться

Пароль


напомнить пароль

Система

Технические требования System.Holder™

1. Требования к ScreenGlide/Auto ScreenGlide HTML5 баннерам для разработчиков

Баннеры сделанные для системы AdRiver
Разрешается размещать ScreenGlide HTML5 баннеры, сделанные по техническим требования системы AdRiver. Технические требования можно взять на сайте AdRiver для формата MPU


2. Добавление в Holder. Инструкция для менеджеров

Добавьте сперва ZIP-архив по инструкции
Затем, скопируйте ссылку //i.holder.com.ua/h/1/1/1078_0.html/ путь к HTML баннеру. Добавьте скрипт, приведенный ниже, в систему Holder, как AJAX код. Подставьте ссылку (путь к HTML баннеру) в строку holderDiv.options.path="http://i.holder.com.ua/h/1/1/1078_0.html/"; и укажите правильные значения размеров панелей

holderDiv.options.bn_url = bn_url;
holderDiv.options.path="http://i.holder.com.ua/h/1/1/1078_0.html/";
/* Adriver HTML MPU code. Developed A.Fedotov 09.12.2013. Last edited A.Fedotov 15.04.2014 */
/* Adriver html MPU. 12.08.2015 A.Pozdnyakova */
var ar_big_name = 'panelBig.html',
ar_big_width = '300px',
ar_big_height = '300px',
ar_left_big = '-330',
ar_top_big = '-50px',

ar_small_name = 'panelSmall.html',
ar_small_width = '300px',
ar_small_height = '250px',

ar_align = '1', // position: 0 - right, 1 - left

ar_gif = '0.png', // GIF-file for small panel
ar_gif_href = '', // link from GIF
ar_gif_width = '300px', //
ar_gif_height = '250px', //

ar_initDone = function initDone() { // Первичная инициализация ролика
console.log('initDone');

sendEvent(0);
showPanel('panelBig');
showPanel('panelSmall');
//sendToPanel('panelSmall', 'playSmall');
//sendToPanel('panelBig', 'playBig');

},
ar_startScene = function (panel, sync) { // Диспетчер сценария
console.log('startScene');

switch (sync) {
case 'playSmall':
sendToPanel('panelSmall', 'playSmall');
break;
case 'playSmallMain':
sendToPanel('panelSmall', 'playSmallMain');
break;
case 'playBig':
sendToPanel('panelBig', 'playBig');
break;
case 'playBigMain':
sendToPanel('panelBig', 'playBigMain');
break;
case 'showPanelSmall':
showPanel('panelSmall');
sendToPanel('panelSmall', 'playSmall');
sendEvent(2);
break;
case 'showPanelBig':
showPanel('panelBig'); //delete it if you don't need autostart for your screenglide
sendToPanel('panelBig', 'playBig');
sendEvent(1);
break;
case 'hidePanelSmall':
hidePanel('panelSmall');
break;
case 'hidePanelBig':
hidePanel('panelBig');
break;
}
},

ar_pix = ''; // link to external statistic pixel

/* OPTIONAL */
var myListener = {
hide: function(panel, arg){
//debug('Do hide to ' + panel);

return true;
},
show: function(panel, arg){
//debug('Do show to ' + panel);

return true;
}
};
/* END OPTIONAL */

/********* no edit *********/

var a = holder(divName);

var ar_left_small = 0;
//var topOffset = -50;
if (ar_align == 1) ar_left_big = ar_left_big+'px';//parseInt(ar_small_width,10) - parseInt(ar_big_width,10) + 'px';


// Ф-и создания сценария
function showPanel(panel) { panel == 'panelSmall' ? a.MPUHTML.dispatch(panel, 'show', ar_left_small) : a.MPUHTML.dispatch(panel, 'show', ar_left_big); }
function hidePanel(panel) { a.MPUHTML.dispatch(panel, 'hide'); }
function sendEvent(n) { a.MPUHTML.dispatch(null, 'event', n); }
function sendToPanel(panel, command, arg) { a.MPUHTML.dispatch(panel, command, arg); }

//adriver.setPluginPath({mpuhtml: a.reply.comppath});
new holder.module('mpuhtml').onload(function(){



if (typeof window.postMessage !== 'undefined') {
a.MPUHTML = new holder.MPUHTML(a, {width:ar_small_width, height:ar_small_height}, myListener);

a.MPUHTML.addMaster(ar_initDone, ar_startScene);
a.MPUHTML.addPanel('panelSmall', {width:ar_small_width, height:ar_small_height, left:0, top:0}, ar_small_name);
a.MPUHTML.addPanel('panelBig', {width:ar_big_width, height:ar_big_height, position:'absolute', left: ar_left_big, top: ar_top_big, zIndex:65000}, ar_big_name);

a.MPUHTML.start();
} else if (ar_gif) {
a.p.innerHTML = a.makeImage(ar_gif, ar_gif_href, a.normalize(ar_gif_width), a.normalize(ar_gif_height));
}



});

cкрыть ответ