Скрипт прерола поверх ембеда

Boba · 29 май 2020

Доброго времени суток, на днях появилась необходимость сделать примитивный прерол для своего сайта который в котором все видео выводятся через embed, решил для себя сделать простенький скрипт для доп монетизации.

!!Оговорюсь сразу в js я не силен вообще, поэтому за код пинать не надо а лучше помогите довести до ума те кто хоть немного в этом шарят)

Собствено сам код.

Edit fiddle - JSFiddle - Code Playground

из недостатков на данный момент не известно как реализовать возможность автоматического закрытия рекламного ролика по его истечению.

Рекламное видео воспроизводится обычным html5 плеером
Есть возможность вставить свою ссылку
Есть возможность вставить свое видео или картинку
есть возможность указать количество времени через которое можно будет пропустить рекламу
На нее не ругается адблок так как это просто как обычное видео
В видео рекламе есть настройка превью видео по допполю главного изображения

Как поставить.
Берем html (без самого айфрема конечно же) и вставляем у себя на сайте перед айфреймом
Копируем себе css
копируем себе js
радуемся

по настройкам все указано в коментариях кода.
Пожалуйста если вдруг гдето косяк помидорами не каидайте а помогите исправить.

Из явных косяков как уже писал, нет возможно автоматически определять конец рекламы и выключать ее
И также с отображение на apple технике, открывает как обычное видео, но это думаю решаемо

Если пригодилось накинь лайк под постом

Forian · 29 май 2020

прикольно) я не знаю как сделать автозапуск. но в одной ПП видел такой код

<div class="ut-overroll"> </div>
<script>
(function (w, d) {
var UT = {
prop:{ id: 52, subid: "", autoplay: true, timer: 30}, // Для автоматического проигрывания измените на autoplay: true
events: function (event, wrapper) {
switch (event){
case "show_ad":
//событие зачета
break;
case "no_ads":
//конец рекламного модуля
break;
}
}
};
w.UT = UT;
var s = d.createElement("script");
s.type = "text/javascript";
s.charset = "UTF-8";
s.async = true;
s.src = "//ima.utraff.com/new/overroll.js";
d.head.appendChild(s);
})(window, document);
</script>

тут есть параметр autoplay: true, он закрывает рекламу после окончания таймера

Forian · 29 май 2020

Boba, а ещё вопрос, а в каких ПП можно вот так брать видео для рекламы ?

exe · 29 май 2020

Так у всех сетей сейчас есть код для накладки поверх ембеда...

Boba · 29 май 2020

exe сказал(а): ↑

Так у всех сетей сейчас есть код для накладки поверх ембеда...
Нажмите, чтобы раскрыть...

это не для сетей а для тех кто хочет сливать на себя

Boba · 29 май 2020

Forian сказал(а): ↑

прикольно) я не знаю как сделать автозапуск. но в одной ПП видел такой код

<div class="ut-overroll"> </div>
<script>
(function (w, d) {
var UT = {
prop:{ id: 52, subid: "", autoplay: true, timer: 30}, // Для автоматического проигрывания измените на autoplay: true
events: function (event, wrapper) {
switch (event){
case "show_ad":
//событие зачета
break;
case "no_ads":
//конец рекламного модуля
break;
}
}
};
w.UT = UT;
var s = d.createElement("script");
s.type = "text/javascript";
s.charset = "UTF-8";
s.async = true;
s.src = "//ima.utraff.com/new/overroll.js";
d.head.appendChild(s);
})(window, document);
</script>

тут есть параметр autoplay: true, он закрывает рекламу после окончания таймера
Нажмите, чтобы раскрыть...

автозапуск не сложно сделать, я имел ввиду чтобы реклама закрывалась при окончании, но вроде уже есть решение

Boba · 29 май 2020

Forian сказал(а): ↑

Boba, а ещё вопрос, а в каких ПП можно вот так брать видео для рекламы ?
Нажмите, чтобы раскрыть...

честно не знаю, нужно у самих пп узнавать вдруг кто дает

Boba · 29 май 2020

Forian сказал(а): ↑

прикольно) я не знаю как сделать автозапуск. но в одной ПП видел такой код

<div class="ut-overroll"> </div>
<script>
(function (w, d) {
var UT = {
prop:{ id: 52, subid: "", autoplay: true, timer: 30}, // Для автоматического проигрывания измените на autoplay: true
events: function (event, wrapper) {
switch (event){
case "show_ad":
//событие зачета
break;
case "no_ads":
//конец рекламного модуля
break;
}
}
};
w.UT = UT;
var s = d.createElement("script");
s.type = "text/javascript";
s.charset = "UTF-8";
s.async = true;
s.src = "//ima.utraff.com/new/overroll.js";
d.head.appendChild(s);
})(window, document);
</script>

тут есть параметр autoplay: true, он закрывает рекламу после окончания таймера
Нажмите, чтобы раскрыть...

решение нашлось реклама теперь кончается сама когда закончится

Cсылку обновил

exe · 29 май 2020

не любите вы своих пользователей
1. преролл в оверолле на себя
2. 2 преролла от плеера

...
ужс
еще и кнопку скипа по 15 поставьте сразу )

Forian · 29 май 2020

Boba сказал(а): ↑

решение нашлось реклама теперь кончается сама когда закончится

Cсылку обновил
Нажмите, чтобы раскрыть...

вот как найду норм пп с преролами то заюзаю хак, хотя верно выше писали пп в основном уже дают свой код

Boba · 29 май 2020

exe сказал(а): ↑

не любите вы своих пользователей
1. преролл в оверолле на себя
2. 2 преролла от плеера

...
ужс
еще и кнопку скипа по 15 поставьте сразу )
Нажмите, чтобы раскрыть...

ну у меня не киношный сайт и поэтому нет 2 преролов)
да и многие пп максимум 1, редко 2

Boba · 29 май 2020

Forian сказал(а): ↑

вот как найду норм пп с преролами то заюзаю хак, хотя верно выше писали пп в основном уже дают свой код
Нажмите, чтобы раскрыть...

тем кому надо сливать на себя будут на себя, если хотите на пп как по коду выше то тогда нет смысла в этом
если кто-то захочет сливать на ту же товарку, или знакомства или еще куда угодно это возможно, что другие пп не дауют.
вообщем кому надо тот применение найдет

fargyou · 29 май 2020

Boba сказал(а): ↑

Доброго времени суток, на днях появилась необходимость сделать примитивный прерол для своего сайта который в котором все видео выводятся через embed, решил для себя сделать простенький скрипт для доп монетизации.

!!Оговорюсь сразу в js я не силен вообще, поэтому за код пинать не надо а лучше помогите довести до ума те кто хоть немного в этом шарят)

Собствено сам код.

Edit fiddle - JSFiddle - Code Playground

из недостатков на данный момент не известно как реализовать возможность автоматического закрытия рекламного ролика по его истечению.

Рекламное видео воспроизводится обычным html5 плеером
Есть возможность вставить свою ссылку
Есть возможность вставить свое видео или картинку
есть возможность указать количество времени через которое можно будет пропустить рекламу
На нее не ругается адблок так как это просто как обычное видео
В видео рекламе есть настройка превью видео по допполю главного изображения

Как поставить.
Берем html (без самого айфрема конечно же) и вставляем у себя на сайте перед айфреймом
Копируем себе css
копируем себе js
радуемся

по настройкам все указано в коментариях кода.
Пожалуйста если вдруг гдето косяк помидорами не каидайте а помогите исправить.

Из явных косяков как уже писал, нет возможно автоматически определять конец рекламы и выключать ее
И также с отображение на apple технике, открывает как обычное видео, но это думаю решаемо

Если пригодилось накинь лайк под постом
Нажмите, чтобы раскрыть...

Годнотаааа!!!

Roman.U · 29 май 2020

Ссылка канечно крутая, но у меня все плывет d.radikal.ru/d38/2005/9e/e461d455dbba.png скопировать невозможно, уж лучше бы еще и файлами прикрепил.

Boba · 30 май 2020

Roman.U сказал(а): ↑

Ссылка канечно крутая, но у меня все плывет d.radikal.ru/d38/2005/9e/e461d455dbba.png скопировать невозможно, уж лучше бы еще и файлами прикрепил.
Нажмите, чтобы раскрыть...

Странно, сделаю файлами чуть позже

Roman.U · 31 май 2020

Boba сказал(а): ↑

Странно, сделаю файлами чуть позже
Нажмите, чтобы раскрыть...

Оки).

ZeroCoolPro.Biz

Скрипт прерола поверх ембеда

Boba Бывалый

Forian Местный

Forian Местный

exe
Команда форума VIP Кинотрафик v2

Boba Бывалый

Boba Бывалый

Boba Бывалый

Boba Бывалый

exe
Команда форума VIP Кинотрафик v2

Forian Местный

Boba Бывалый

Boba Бывалый

fargyou
PRO Users

Roman.U
PRO Users

Boba Бывалый

Roman.U
PRO Users

Что за скрипт

Скрипт

Тизеры поверх плеера

Что за скрипт у козла?

Быстрый поиск

Скрипт прерола поверх ембеда

Boba Бывалый

Forian Местный

Forian Местный

exe Команда форума VIP Кинотрафик v2

Boba Бывалый

Boba Бывалый

Boba Бывалый

Boba Бывалый

exe Команда форума VIP Кинотрафик v2

Forian Местный

Boba Бывалый

Boba Бывалый

fargyou PRO Users

Roman.U PRO Users

Boba Бывалый

Roman.U PRO Users

Что за скрипт

Скрипт

Тизеры поверх плеера

Что за скрипт у козла?

Быстрый поиск

Быстрый поиск

exe
Команда форума VIP Кинотрафик v2

exe
Команда форума VIP Кинотрафик v2

fargyou
PRO Users

Roman.U
PRO Users

Roman.U
PRO Users