Пробуем блочить 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 с
изображением и текстовым сообщением,
который полностью блокирует
основной контент сайта.
Вы можете настроить внешний вид
и текст сообщения по своему желанию.