Простая реклама, которую не блокирует AdBlock

Огромной палкой в колесах современного администратора сайта является AdBlock. Он блокирует не только всякую навязчивую, не приятную и шокирующую рекламу, выпрыгивающие окошка или другие не приятные анимации, но также блокирует обычную контекстную рекламу, на которой и зарабатываю честные блогеры. AdSense и Яндекс Директ , даже не собираются нам помогать, решить этот вопрос, а кризис еще больше усугубил наше положение. По этому, как всегда, приходится брать ситуацию в свои руки.

Простая реклама, которую не блокирует AdBlock

Я не стал изобретать новое, а просто объединил уже имеющееся в наличии.

prostaya-reklama-kotoruyu-ne-blokiruet-adblockПокажу на примере Макхост — это мой хостинг, рекомендую. Реклама сделана на основе текстового виджета Word Press. Но с некоторыми изменениями и дополнениями в коде.

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

Как сделать баннер

Для начала нам нужен простой баннер. Я воспользовался фотошопом, сделал картинку нужного размера формата png, думаю для вас это не сложно.kak-sdelat-banner-dlya-sajta

После этого с помощью filezilla, я создал в папке сайта папку с именем — banner, это пригодится и в будущем. И загрузил туда эту картинку, имя и путь к картинке, нам пригодятся для вставки в виджет.

Как закрыть ссылки от индексации поисковиками ?

Мы же не хотим, что бы поисковики считали сайт не качественным, индексируя рекламные ссылки. Чем больше ссылок ведет от сайта, тем больше веса он теряет, и нет ниже он падает в результатах поиска. По этому для начала я закрою все рекламные ссылки от индексации в масштабах всего сайта. Тем более что с недавних пор, теги noindex и nofollow не учитываются поисковиками.

  1. С помощью той же filezilla, заходим в папку сайта, темы, папку актуальной темы, и скачиваем файлы :«footer.php», «style.css», «functions.php», сохраняем их на компьютере в отдельный каталог, я его назвал — оригинальные файлы темы сайта.
  2.  Открываем и редактируем первый файл «footer.php», конечно используя notepad ++. Здесь нужно внести всего одно дополнение, а именно в самом низу перед закрывающим тегом </body> вставить следующий код:
<script type= "text/javascript">function GoTo(link){window.open(link.replace("_","https://"));}</script>

Измененный файл сохраняем как, в другую папку на компьютере, я ее назвал — редактированные файлы темы сайта.

3. Далее, для того что бы наши ссылки, имели более естественный вид и при наведении на них курсора, они меняли цвет, нужно отредактировать второй файл «style.css». Редактируем, вставляем следующий код в сам низ, после всех символов:

.spanlink {
color: #006699; /*цвет ссылки*/
cursor:pointer; /*курсор при наведении на ссылку*/
}
.spanlink:hover {
color: #006699; /*цвет ссылки при наведении*/
text-decoration: underline; /*подчёркивание при наведении*/
}

Также сохраним как, в туже папку с новыми файлами. Конечно вы можете корректировать цвета под свою тему, но я этого не делал, мне и так нравится.

4. Ссылки уже будут скрываться на сайте, если их обрамить в такой код:

<span class="spanlink" onclick="GoTo('https:/http://qoogi.com')">Мой сайт: «qoogi»</span>

Такая ссылка индексируется как обычный текст.

5. Для автоматизации закрытия ссылок с статьях на всем сайте, нужно внести изменения в последний файл «functions.php. Просто открываем файл для редактирования, и в конце страницы вставляем код:

function replaсe_link($content) {
 
$pattern = '/\[urlspan\](.*?)<a (.*?)href=[\"\']([a-zA-Z]+:\/\/)?(.*?)[\"\'](.*?)>(.*?)<\/a>(.*?)\[\/urlspan\]/i';
 
$content = preg_replace($pattern, "$1<span class='spanlink' onclick=\"GoTo('_$4')\"><span>$6</span></span>$7", $content);
 
return $content;
 
}
 
add_filter('the_content', 'replaсe_link');

Теперь для закрытия ссылок в статье нужно применить код:

[urlspan]<a href="http://qoogi.com">Мой сайт: «qoogi»</a>[/urlspan]

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

<span class="spanlink" onclick="GoTo('http://qoogi.com')">Мой сайт: «qoogi»</span>

Осталось только загрузить и перезаписать отредактированные файлы обратно на сайт, в папку с темой сайта, с помощью той же filezilla.

Теперь никакая не нужная индексация мне не страшна, тем более блокировка с помощью AdBlock.

Итог: Рекламный виджет

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

<span class="spanlink" onclick="GoTo('https://mchost.ru/?referer=1834673522')">
<img class="aligncenter wp-image-11695 size-thumbnail" src="http://qoogi.com/wp-content/banner/mchost.png" alt="лучший хостинг">
</span>

<h1 style="text-align: center;"><b>Промо
Код 346C-7EF2-6FB0-7E85</b></h1>

Надеюсь информация была вам полезна.

До встречи на страницах сайта qoogi.com

Добавить комментарий