Маленткий плагин [AdSense and AdBlock]

12 3
anotherbird
На сайте с 04.03.2016
Offline
41
2998

Вчера сделал небольшой плагин к jquery, searchengines stand-in,

поскольку посмотрел на процент блокировщиков в рунете.

Суть плагина проста, смотрит, если заблокировалась или не загрузилась

реклама от adsense, то добавляется селектор с кнопкой. На эту кнопку

биндится событие с вашими данными.


<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.sestandin.js"></script>
<script>
$(document).ready(function() {
$('.adsbygoogle').sestandin({ //вешается плагин на стандартный селектор adsense
newselector :'toxford', //просто класс для кнопки
url :'http://ya.ru', //куда слать юзеров по клику
Anhor :'На Яндекс', //Текст кнопки
Btn : '<button class="center-block text-center btn btn-success"></button>', //код кнопки
tizer : false //генерация тизера, пока не реализована
});
});
</script>

плагин можно забрать тут https://github.com/anotherbird/sestandin

Пробуйте, пишите какой функционал хотелось бы увидеть

AlexStep
На сайте с 23.03.2009
Offline
345
#1

Можно небольшое пояснение для далеких от js, что этот скрипт делает и где его размещать?

Это вывод кнопки вместо рекламы Адсенс или что это?

anotherbird
На сайте с 04.03.2016
Offline
41
#2
AlexStep:

Это вывод кнопки вместо рекламы Адсенс или что это?

ну не вместо рекламы а в том случае, если реклама от адсенс заблочена или адсенс не отдал код положенный

big jacky
На сайте с 04.05.2013
Offline
86
#3

Это скрипт в футер сайта поставить?

Или забрать весь плаг с гихаба и ставить как плагин? И под какую CMS? Wordpress?

Только какой смысл его тестить? ЧТобы юзеры кпопку увидели?

P.S. Полезно было бы не кнопку, а картинку-ссылку.

anotherbird
На сайте с 04.03.2016
Offline
41
#4
big jacky:
Это скрипт в футер сайта поставить?
Или забрать весь плаг с гихаба и ставить как плагин? И под какую CMS? Wordpress?
Только какой смысл его тестить? ЧТобы юзеры кпопку увидели?
P.S. Полезно было бы не кнопку, а картинку-ссылку.

плагин подходит к чему угодно, лишь бы был сайт, не важно какая cms

сейчас прикручиваю одну хитрую штуку, короче, есть такая забытая вещь как css спрайты.

то-есть будет на одной картинке, размером 1000x1000 размещены все основные размеры баннеров

адсенс. плагин определяет размер рекламного блока, и показывает нужный кусок из этого файла.

это просто не даст забанить картинку по размеру. это плюс.

дальше, при наведении мыши будет показываться caption на картинке.

все, что, где и какого размера показать, будет происходить автоматически, единственное, что надо сделать, это разместить свои баннеры на шаблоне -> http://i.imgur.com/EV7DnLR.png

то-есть стилизовать можно хоть под адсенс хоть под что, и вроткампот эти блокировщики, было бы куда сливать.

big jacky
На сайте с 04.05.2013
Offline
86
#5

Слишком заумно со спрайтами. Начни просто со ссылки-картинки.

Дай понятную инструкцию. Это что в корне сайта создавать папки js, css?

Потом вижу в коде у тебя ошибки, слеши забыл в примере index.html на github.

Объясни как на ВП ставить? Куда папки в корень сайта или тему забрасывать?

anotherbird
На сайте с 04.03.2016
Offline
41
#6
big jacky:
Слишком заумно со спрайтами. Начни просто со ссылки-картинки.
Дай понятную инструкцию. Это что в корне сайта создавать папки js, css?
Потом вижу в коде у тебя ошибки, слеши забыл в примере index.html на github.
Объясни как на ВП ставить? Куда папки в корень сайта или тему забрасывать?

мне уже начинать с простого поздно, понимаешь.. делать так делать, а простая ссылка-картинка просто локнется адблоком и всё..

index.html, который на гите - это простой пример работы любого плагина jquery.

сейчас делаю рабочий пример, на котором можно будет понажимать на кнопку ABP и посмотреть как это всё работает.

Понятную инструкцию.. я даже не знаю, как дать эту инструкцию, в чём проблема подключить два скрипта к сайту? точно так же, как вы добавляете код adsense, только куда-нибудь в футер, после подключенного фреймворка jquery, сначала плагин, потом скрипт инициализации.

Devvver
На сайте с 02.07.2008
Offline
644
#7

anotherbird, в чем смысл вывода кнопки?

Я понимаю еще контейнер для вставки кода....

Мой блог. Все о создании сайтов,Seo и СДЛ ( https://devvver.ru/ ) Мой телеграм канал https://t.me/seobloggers
big jacky
На сайте с 04.05.2013
Offline
86
#8
anotherbird:
простая ссылка-картинка просто локнется адблоком и всё..

Нет ,если картинка будет нестандартного размера, например 290х245

anotherbird:

в чём проблема подключить два скрипта к сайту?

На ВП папки js, css куда копировать? В корень сайта?

Amigo_9876
На сайте с 01.04.2009
Offline
286
#9

Да что ж не работает ни один плагин....

Закачал на сайт css js.

Подключил в их в файле шаблона

<script>

$(document).ready(function() {
$('.adsbygoogle').sestandin({ //вешается плагин на стандартный селектор adsense
newselector :'toxford', //просто класс для кнопки
url :'http://ya.ru', //куда слать юзеров по клику
Anhor :'На Яндекс', //Текст кнопки
Btn : '<button class="center-block text-center btn btn-success"></button>', //код кнопки
tizer : false //генерация тизера, пока не реализована
});
});
</script>

И все, ничего не происходит. Что-то еще нужно делать?

Обрамлять код адсенса в id или класс какой то?

И еще вопрос. Допусти я хочу вывести вместо кода адсенса 240*400, баннер такого же размера.

А вместо кода 468*60 - баннер горизонтальный, как это сделать?

Захожу сюда последнюю неделю чтобы хоть как то разрядиться.
anotherbird
На сайте с 04.03.2016
Offline
41
#10
Amigo_9876:
Да что ж не работает ни один плагин....
Закачал на сайт css js.


И все, ничего не происходит. Что-то еще нужно делать?
Обрамлять код адсенса в id или класс какой то?

И еще вопрос. Допусти я хочу вывести вместо кода адсенса 240*400, баннер такого же размера.
А вместо кода 468*60 - баннер горизонтальный, как это сделать?

кинь в личку сайт, где поставил, я скажу что надо сделать.

по поводу баннеров, я сейчас доделываю, будет автоматически подменять размеры:

  • '980px'
  • '970px'
  • '728px'
  • '580px'
  • '336px'
  • '300px'
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий