@rimiti/abm

Detects AdBlockers and display an unclosable modal.

Usage no npm install needed!

<script type="module">
  import rimitiAbm from 'https://cdn.skypack.dev/@rimiti/abm';
</script>

README

abm

MIT License PRs Welcome

Description

Adblock modal blocker.

Install

$ yarn add @rimiti/abm

Demo

Live demo

How it works?

  1. Add these rows into the head block:
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@rimiti/abm@latest/dist/index.js"></script>
<link rel="stylesheet" media="all"  href="https://cdn.jsdelivr.net/npm/@rimiti/abm@latest/dist/style.css" />
  1. Add this HTML block into the body:
<div id="abm">
  <div class="abm-position">
    <div class="abm-container">
      <h3 class="abm-title">Adblock detected</h3>
      <p class="abm-text">Please, <strong>turn off</strong> your ad blocker in order to continue browsing.</p>
      <a class="abm-reload" onclick="window.location.reload()" href="#">Refresh the page</a>
    </div>
  </div>
</div>

Scripts

Run using yarn