System.Holder™

Логин


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

Пароль


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

Система
System.Holder™
О сети
Тарифы
Сайты
Технические требования

Вопросы по системе

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

Standart HTML5 баннер
Video HTML5 баннер
CatFish HTML5
ScreenGlide HTML5
MPU HTML5
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крыть ответ

FullScreen HTML5
Frontline (Rich-Media) HTML5
Video Ads
Mobile Ads