System.Holder™

Логин


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

Пароль


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

Система

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

1. Требования к MPU HTML5 баннеру для разработчиков

Баннеры сделанные для системы AdRiver
Разрешается размещать MPU 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/"; и укажите правильные значения размеров панелей.
*Ссылка //i.holder.com.ua/h/1/1/1078_0.html/ взята только в качестве примера.

Копируем скрипт, добавляем как AJAX код:

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крыть ответ