
Воспроизведение звука при клике.
Несколько дней я тестировал контекстную рекламу Яндекс на своём сайте.
Как это обычно бывает, я сначала запилю весь функционал, чтоб всё работало, а потом начинаю глубже разбираться в данном вопросе.
Так и в этот раз оказалось, что доход с 1000 показов такого блока составит около 150 рублей. Я это даже за деньги не считаю.
Да и данный веб сайт не является тем сайтом на котором высокий трафик просмотров в отличие от того же онлайн кинотеатра.
Онлайн кинотеатр является полностью бесплатным проектом для всех пользователей и вставлять рекламу там я не собираюсь. Хостеры которые предоставляют все фильмы и сериалы уже встроили свою рекламу в плееры и это не моих рук дело…
На данном сайте находится мой личный блог по разработке и обычным пользователям он не интересен, по этому посещаемость в разы ниже.
Было принято решение по удалению Яндекс рекламы.
При клике на подобный блок я привязал скрипт который, воспроизводил звук и теперь когда нет рекламы то, и скрипт можно вырезать.
Вот собственно он:
// Воспроизводим звук при клике на постер Yandex рекламы ;)
const audio = new Audio('https://youowl.ru/#####/zvuk.mp3');
const element = document.getElementById('yandex_rtb_R-A-3561837-1');
let isPlaying = false;
element.addEventListener('click', () => {
if (isPlaying) {
return;
}
audio.play();
isPlaying = true;
// Обработчик события окончания воспроизведения аудио
audio.onended = () => {
isPlaying = false;
};
});