Part-Start.ru

Февраль 8, 2013 | Рубрика: WordPress. Создайте свой сайт

Плагины для вставки рекламных блоков

Как вставить рекламный блок в WordPress с помощью специальных плагинов

Как вставить рекламный блокРекламным блоком можно считать любой блок, который содержит текст, графику или анимацию и имеет ссылку на страницу с коммерческим предложением. В отдельных случаях, рекламный блок может содержать видео-контент. В нашем случае чаще всего приходиться вставлять на страницы сайта либо блоки контекстной рекламы, либо баннеры от партнерских программ.

Код рекламного блока может быть исполнен в виде html ссылки на графический элемент. Или написан на языке JavaScript, реже на PHP. В любом из этих случаев код, который выводит рекламную информацию можно заключить в тег блочной разметки DIV После этого можно задавать блоку различные стили, создавать фон, выравнивать, добавлять в блок текст или графику, делать рамки.

Другими словами, применить к рекламному блоку всю мощь оформления при помощи каскадных таблиц стилей  CSS. Блого, в WordPress применяется блочная верстка. На практике достаточно прописать свои стили в файл style.css, который находится в папке с темой оформления, после чего указывать различные стили для любого из рекламных блоков.

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

Вообще может быть несколько способов вставить рекламный блок на страницу. Основных два:

Ручной, когда вебмастер сам, руками вставляет код рекламного баннера на страницу.

Автоматический, в этом случае блок рекламы будет вставлен при помощи специального плагина.

Ручной способ вставки рекламных блоков на страницу

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

Можно сделать так, что два блока будут накладываться друг на друга, для этого понадобится абсолютное позиционирование.

Либо можно вставить рекламный блок в тело статьи и сделать так, чтобы текст его обтекал, для этого нужно использовать плавающие блоки. О которых уже ранее часто упоминалось, потому что такое объединение текста и графики привычно для читателей и широко распространено.

Узнать все подробности о том, что такое блок DIV и как с ним работать вы можете узнать из бесплатного видео-курса, настоящего справочника по верстке с использованием стилей CSS. Каким разделам курса нужно уделить особое внимание рассказано в краткой инструкции на странице Научитесь работать с блоками Освоив эти навыки, вы сможете легко редактировать тему оформления WordPress; вставлять, удалять и изменять стили блоков на странице.

Вы научитесь понимать логику работы CMS, движка сайта. Это очень важно, когда вы делаете коммерческий сайт, ведь от того в каком месте на странице размещен рекламный блок напрямую зависит доход от рекламы.

У ручного способа размещения кода есть один существенный и принципиальный недостаток. Если вы захотите поменять один рекламный блок на другой, или вовсе его убрать, то для этого придется руками редактировать все записи. Искать страницы с кодом рекламного блока, затем удалять его или редактировать.

Этот недостаток распространяется только на статические страницы и записи в WordPress:

  • page,php
  • single.php

Все остальные файлы, из которых собирается страница сайта, неизменны и их можно редактировать вручную. Это файлы:

  • archive.php
  • category.php
  • comments.php
  • footer.php
  • header.php
  • index.php
  • search.php
  • sidebar.php

Рекламные блоки, размещенные в виджетах можно быстро обновить вручную. Технически, виджет это и есть блок к которому применено стилевое оформление. Для удобства пользователя, содержимое виджетов можно изменять через панель управления WordPress. Виджеты могут быть размещены в правой колонке сайта, в левой колонке и даже внизу или вверху сайта, такое бывает. Все зависит от творческого замысла автора шаблона оформления.

Рекомендую везде, где можно установить код рекламных блоков так, чтобы можно было быстро внести изменения на всех страницах, делать это вручную, не надеясь на плагины. Даже на статических страницах, за которые отвечает файл page.php лучше сделать вставку блоков руками. Тогда можно очень точно позиционировать блок рекламы на странице.

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

Руками нужно вставлять и формы поиска, для этого достаточно поместить код формы в тег <div>, после чего разместить этот блок в конце файла single.php. В этом случае в конце каждой записи будет выводиться поисковая форма.

Вставка рекламных блоков при помощи плагинов

Для автоматической вставки рекламных блоков существует множество плагинов. Хорошо иметь такой, который позволяет вставлять блоки в начало статьи, в середину и в конец. Идеально если плагин позволяет вставить блок в произвольное место внутри записи. Такой плагин существует, он прост в управлении и интуитивно понятен. Его обычно используют для вставки блоков контекстной рекламы.

Quick-Ads плагин для вставки рекламных блоков

Quick-Ads

Рассмотрим подробнее, что этот плагин умеет делать с рекламными блоками, и что нам понадобится, а без чего можно обойтись. Плагин можно легко найти через поиск в админке WordPress или скачать со страницы автора. После установки и активации ищите настройки в разделе Параметры.

Плагин для вставки рекламных блоков

Ads on Post Body

Нам нужно с помощью этого плагина вставлять рекламные блоки в любое место статьи, то есть в запись, в файл single.php. Посмотрим, что он нам может предложить. Можно создать десять разных рекламных блоков. Делается это просто, достаточно вставить в поле специальной формы JavaScript или HTML код, который будет выводить рекламный блок или баннер на страницу.

Сделать это можно в разделе Ads on Post Body. Все блоки имею свою нумерацию от Ads 1 до Ads 10. В данном примере добавлен пустой блок DIV  с заливкой, размерами 300х250px точек или пикселей.

Вставка кода рекламного блока

Все очень просто, достаточно аккуратно, не потеряв ни одного символа скопировать и вставить код рекламного блока в плагин.

Слева от формы для ввода кода есть окошки с дополнительным настройками:

alignment - выравнивание:

  • Слева - выравнивает по левому краю текста.
  • По центру - по центру текста
  • Справа - по правому краю текста.
  • Нет - без стилей, можно задать свои собственные.

margin - отступы в пикселях от границы блока и текстом. Обычно это 10-20px.

Для каждого блока рекламы можно сделать свои, произвольные  настройки. Для этого достаточно отменить выравнивание и отступы, а все содержимое в форме для кода, заключить в тег div со свойством style и прописать для этого свойства все необходимые атрибуты и их значения 

<div style=""> 

Обычно, достаточно указать выравнивание и отступы, все остальное плагин сделает сам.

Options - Place up to

После того, как были сделаны все необходимые заготовки, можно двигаться дальше. В первом разделе настроек нужно указать какое максимальное количество блоков рекламы будет размещено на странице. Так как по правилам для проказа контекстной рекламы установлено ограничение со стороны поисковой системы, то нужно это правило выполнить. Можно разместить три блока рекламы, Place up to 3.

Options - Position

Далее нужно указать какие блоки вы хотите установить, из десяти возможных. Это можно сделать в разделе настроек Position. Здесь можно указать параметр Assign и его значение. Либо одни блок из десяти, например, Ads 1, либо случайно выбранный блок Random Ads. Поначалу, лучше указывать конкретные рекламные блоки, в дальнейшем можно экспериментировать.

Выбор рекламных блоков для показа

После того, как были выбраны три рекламных блока, нужно указать в какое место записи их нужно поместить. Для этого служат специальные значения в настройках Position:

  • to Вeginning of Post - вставить в начало записи;
  • to Middle of Post - вставить в середину записи;
  • to End of Post - вставить в конец записи;

Например, значения в настройках : Assian Ads 1 to Вeginning of Post означают, что рекламный блок будет вставлен в начало записи. Далее следуют более тонкие настройки.

Настройки рекламного блока

After the more tag

Здесь есть очень важный параметр:  right after the <!--more--> tag , что означает вставить после тега more, а это значит в любом месте текста после тега more. За вставку этого тега в визуальном редакторе WordPress отвечает специальная кнопка с помощью которой нужный тег вставляется в любое место одним кликом.

Тег more в WordPress

After Paragraph

Далее, в настройках можно указать плагину, что рекламный блок нужно вставить после определенного абзаци и концом записи. Например, команда: Assign Ads 2 After Paragraph 1 to End of Post  вставит второй рекламный блок сразу после первого параграфа в записи.

Чтобы плагин нашел нужный абзац, необходимо следить за тем, чтобы текст был отформатирован с применением тега <p>, который как раз и разбивает статью на параграфы или, иначе говоря, абзацы.

After Image

Вставка рекламного блока сразу после картинки, причем в записи может быть несколько иллюстраций. Плагин вставит блок рекламы после любого из них. Например: Assign Ads 3 After After Image 2 вставит третий блок рекламы или баннер сразу после второй картинки в записи.

Appearance

Эта настройка позволят выбрать тип страницы на которую будет установлен блок с контекстной рекламой или баннер. Я рекомендую выбрать только записи, на всех остальных страницах сайта устанавливать рекламный код вручную. Впрочем, можно все автоматизировать.

Вставитьрекламный блок в запись

 

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

 <!--Ads1-->

Эти возможности поддерживаются не всеми темами оформления, и необходимости в них нет, если размещать код в файлы шаблона самостоятельно. Достаточно того, что этот плагин позволяет вставить блок контекстной рекламы в любое место статьи.

WhyDoWork-adsense  плагин для контекстной рекламы

WhyDoWork-adsense

Очень похож на предыдущий плагин, немного попроще, меньше возможностей. Зато надежно работает даже со старыми темами оформления. Можно этот плагин использовать в качестве основного или запасного. Скачайте этот плагин через поиск WordPress или со страницы разработчиков. Плагин совметим с версией WordPress 3.5

После установки и активации плагина вы найдете его настройки в разделе Параметры:

Настрнойки плагина для рекламных блокоу WhyDoWork

Далее, все очень похоже. Вам предлагается создать десять рекламных блоков. В этом плагине они маркируются иначе: от Code#1 до Code#10. Переход между блоками осуществляется из верхней строки в настройках плагина. После того, как код рекламного блока  будет помещен в поле формы, например для  Ads Code #4, включится режим просмотра содержимого блока - это удобно. Однако замечались сбои при попытках поместить в форму код поиска.

Вставка кода в плагин Who Do Work

На следующем этапе необходимо выбрать те страницы на которые плагин поместит рекламные блоки. Это могут быть :

  • Front Page(categories, archive) - разделы сайта и архивы.
  • Page - статические страницы.
  • Single page - запись.
  • Single Page(older than x days) -  записи старше определенного времени.

Из всего этого многообразия нас интересует только Single page, возможность вставить рекламный блок в запись. Можно вставлять рекламу на страницы разделов и на любые статические страницы, на Главную, к примеру.

Вставк кода рекламы для записи

Для того, чтобы плагин WhyDoWork разметил рекламный блок в записи нужно выбрать номер кода Code#, затем указать в какое конкретно место статьи нужно поместить этот код:

  • Top - вверху записи без выравнивания.
  • Top middle - вверху, выравнивать по центру.
  • Top Left - вверху, выравнивать по левому краю.
  • Top Right - вверху, выравнивать по правому краю.
  • Middle - в середине записи без выравнивания.
  • Middle Left - в середине, выравнивать по левому краю.
  • Middle Right - в середине, выравнивать по правому краю.
  • Bottom - в конце записи без выравнивания.
  • Random - случайным образом.

Экспериментируйте, на практике проверьте все возможные варианты. Протестируйте плагины для вставки рекламных блоков на разных темах оформления, посмотрите, как они работают. Найдите для себя лучшие варианты.

Рекламные блоки можно вставить в тело стати или в любое место на странице и с помощью других плагинов, их выбор весьма велик. Есть многофункциональные системы для управления баннерами и всей рекламой на сайте. Один из таких плагинов Simple Ads Manager, который позволяет делать ротацию баннеров. Его можно найти по этому названию через поиск плагинов WordPress или на странице разработчиков. Русский язык поддерживается.

Найдите нужную статью на сайте. Введите слово или фразу в форму поиска!

Комментарии

Плагины для вставки рекламных блоков

Avatar

Татьяна

Февраль 20th, 2013 at 16:04

Попробую вставить блок в средину статьи. У меня плагин Whydowork Adsense пока еще не пробовала втавить блок в средину статьи, хотя многие говорят, что это самое хорошее место для рекламы. Спасибо за объяснения, легче будет разобраться.

Avatar

Георгий Пичугин

Февраль 20th, 2013 at 16:34

Здравствуйте, Татьяна! Нужно тестировать и вести записи всех изменений. Для каждого сайта своя схема размещения блоков, все идеи и рекомендации нужно проверять. Еще протестируйте разные цветовые стили для рекламных блоков. Отдельно тестируйте места размещения, найдите лучшие для своего сайта, затем, начинайте тестировать цвета заголовков, фона, ссылок и текста.

Существуют два основных стиля оформления: контрастный и маскировочный. Первый явно выделяет рекламу, второй напротив, маскирует ее под дизайн сайта. Начните тестирование с этих крайних положений. Для полноценного теста берите для анализа минимум 1000 просмотров.

Avatar

Татьяна

Февраль 21st, 2013 at 08:55

Большое спасибо, за ценные подсказки.

Avatar

Георгий Пичугин

Февраль 21st, 2013 at 09:04

Пожалуйста, Татьяна! Посмотрите еще статью Файлы WordPress в ней подробно рассказано о том, из каких файлов собрана готовая страница, и в какой последовательности они размещены внутри html кода документа. Важно знать, в каком месте страницы окажется автоматически размещенный код рекламного блока.

Avatar

Георгий Пичугин

Май 30th, 2014 at 16:23

Здравствуйте, для этих целей лучше установить отдельный скрипт — слайдер. На PHP, можно заказать у фрилансеров.

Напишите комментарий

Ссылки

PART-START

Свежие записи

Refill Services canadian pharmacy of seeing a doctor. A catalog of medical and cosmetic products with descriptions. Thematic categories, search by alphabet and key words. All in online pharmacies [!* viagra super active We constantly offer promotions for our customers. The details of the bonus program, see Special Offer.