June 5, 2024

Пробуем блочить ADblock

Для данного дела решил протестить одну нейронку, как говорят Википедия-нейросеть. Ссылка. Посмотрим что получилось.

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

Ответ нейросети:

Для реализации такой функциональности можно использовать следующий подход:

JavaScript: - Перед загрузкой основной части сайта, проверяйте наличие блокировщика рекламы в браузере пользователя. Это можно сделать, например, с помощью библиотеки AntiAdBlock.

Условное отображение: - Если блокировщик рекламы обнаружен, отобразите изображение с предупреждением о блокировке сайта и заблокируйте дальнейшую загрузку страницы. Это можно сделать, создав соответствующий HTML-элемент и условно отображая его.

Стилизация: - Используйте CSS для стилизации изображения и блокировки основного контента сайта, чтобы привлечь внимание пользователя.

Пример реализации:

<!DOCTYPE html>
<html>
<head>
  <title>Мой сайт</title>
  <script src="https://cdn.jsdelivr.net/npm/fuckadblock@3.2.0/dist/fuckadblock.min.js"></script>
  <script>
    // Проверка наличия блокировщика рекламы
    var msg = document.createElement('div');
    msg.style.position = 'fixed';
    msg.style.top = '0';
    msg.style.left = '0';
    msg.style.width = '100%';
    msg.style.height = '100%';
    msg.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
    msg.style.display = 'flex';
    msg.style.justifyContent = 'center';
    msg.style.alignItems = 'center';
    msg.style.zIndex = '9999';
    msg.style.color = 'white';
    msg.style.fontSize = '24px';
    msg.style.padding = '20px';
    msg.textContent = 'Пожалуйста, отключите блокировщик рекламы для просмотра этого сайта.';
    
    var img = document.createElement('img');
    img.src = 'https://example.com/adblock-warning.png';
    img.style.maxWidth = '80%';
    img.style.maxHeight = '80%';
    msg.appendChild(img);

    window.addEventListener('load', function() {
      FuckAdBlock.onDetected(function() {
        document.body.appendChild(msg);
      });
    });
  </script>
</head>
<body>
  <!-- Основной контент сайта -->
</body>
</html> 

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

Ещё не тэстил. Интересно проверить.