rambler-adblock

Usage

Технические требования подключения контентных площадок к системе AdBlock.Rambler

Node.js

To install:

npm i rambler-adblock --save

To use:

'use strict';

import * as adblock from 'rambler-adblock';

const DEBUG = document.body.getAttribute('data-prod'); // true||false

var PLATE_URL;
// Adblock text
const PLATE_TEXT = 'Воспользуйтесь опцией отключения рекламы. Если у вас она уже активирована, то нажмите сюда.';

// Настройки для тестового и продуктового серверов
var customSettings = {
  prodUrl: 'testsite.ru',
  devUrl: 'devsite.ru',
  cookieUrl: '.testcookie.ru'
};

adblock.init(DEBUG, customSettings)
  .then(start)
  .catch(start);

function start(isAdblock) {
  PLATE_URL = isAdblock.settings.verifyUrl;
  if (isAdblock.ad) {
    console.log('Показать рекламу');
  }
  if (isAdblock.plate) {
    showPlate();
  }
}

function showPlate() {
  var plate = document.createElement('div');
  plate.className = 'adblock-plate';
  plate.innerHTML = `<a href="${PLATE_URL}" class="adblock-plate__link">${PLATE_TEXT}</a><span class="adblock-plate__close"></span>`;
  document.body
    .insertBefore(plate, document.body.firstChild)
    .querySelector('.adblock-plate__close')
    .addEventListener('click', function(e) {
      adblock.delaySubscribe();
      this.parentNode.parentNode.removeChild(plate);
      e.preventDefault();
    });
}