Блог Понтика Максима

Как привлечь внимание посетителей на определенную страницу с плагином и без

Угловой баннер на блоге

Всем привет! Как вы могли заметить, у меня совсем недавно на блоге появилась новая фишка, которая помогает заострять внимание посетителей на нужной мне странице. Называется этот угловой баннер в обиходе ленточкой и создается с помощью плагина FCC Ribbon Manager или php кода.

Перед тем, как я начну вам давать горы информации по настройке ленточки fcc ribbon manager, а для тех, кто хочет, чтобы
скорость блога
всегда оставалась на высоком уровне расскажу, как можно вывести эту ленточку и без использования плагина.

Еще я обязан рассказать о радостной новости, которая пришла пару дней назад на блог.

Новость 1. Пару дней назад, а именно 28.03.2013 был очередной апдейт ТИЦ. Кстати его все ждали целых 3 месяца, и многих он очень сильно порадовал результатами.

Мой блог получил еще одну прибавку в размере +10 единиц. Теперь общий ТИЦ составляет 30, что не может меня не радовать. Естественно на мои доходы данное событие никоим образом не сможет повлиять, так как я не продаю ссылки, где этот показатель играет самую, что ни есть важную роль. Зато мне приятно, что мой блог с каждым апом становится трастовым и авторитетным в глазах Яндекса, который совсем недавно
выпустил меня из-под фильтра АГС
.

Плагин FCC Ribbon Manager. Установка и настройка ленточки.

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

Как показывает практика многих блоггеров появление на проекте ленточки FCC Ribbon Manager влияет на следующие показатели:

  • Увеличивается число посетителей
  • Увеличивается количество подписчиков
  • Улучшаются поведенческие факторы

В итоге трафик растет, позиции в ТОП выдаче растут и как результат заработок увеличивается.

Все хватит рассуждений, теперь давайте перейдем к практике. Первым делом нужно скачать плагин FCC Ribbon Manager с официального сайта, можете воспользоваться этой
ссылкой
.

Далее устанавливаем плагин на блог и его активируем. После чего у вас в
административной панели
 должна появиться ссылка для перехода к настройкам плагина.

плагин FCC Ribbon Manager

Теперь необходимо заполнить поля, для правильного отображения картинки плагина.

Image Location Url: укажите адрес, по которому располагается вше изображение;

Ribbon size: пропишите размеры ленточки: ширину и высоту;

Destination Url: введите адрес страницы, на который будут попадать посетители при клике по картинке;

Title Url: описание ленточки (альтернативное описание);

Align: место, где будет выводиться картинка;

После всего проделанного выше нажимаем кнопку Update и сохраняем настройки.

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

Поэтому мной было решено прибегнуть у помощи программы фотошоп. Спустя час на свет появилась вот такая лента, целью которой является привлечь внимание посетителей и перейти на эту
страницу
.

мой пример углового баннера

Привлекаем внимание без плагина FCC Ribbon Manager.

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

HTML карта сайта wordpress без плагина

Как сделать кнопку наверх без плагина

Добавляем смайлы в комментарии без плагина

Постраничная навигация на блоге без плагина

Форма обратной связи на PHP и HTML без плагинов

Оформление комментариев автора без плагинов

Поэтому давайте не будем засорять блог очередным плагином и сразу найдем ему замену php кодом.

Скажу вам честно, что решение данной проблемы было подсмотрено у блоггера Николая (blogiseo.ru), который даже за этот код отдал определенную сумму денег фрилансерам. Спасибо тебе Николай, что делишься со всеми!

Первым делом вставьте следующий код в файле footer.php перед закрывающим тегом </body>.


<div class="lenta"><a href="ссылка на страницу" target="_blank">Название ссылки</a></div>

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

Далее необходимо прописать в файле стилей style.css настройки нашего класса. Для этого в самом конце файла стилей вставьте следующий код:


.lenta{ background: url(’http://ссылка на картинку’) no-repeat 1px 1px; width: 125px; height: 95px; position: fixed; top: 0px; right: 0px; }.lenta a{ text-decoration: none; text-indent: -2000px; display: block; width: 205px; height: 49px; margin: 43px 2px; -o-transform: rotate(44deg); -webkit-transform: rotate(44deg); -moz-transform: rotate(44deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

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

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

Закачивайте файлы на хостинг и проверяйте полученный результат.

На этом у меня друзья все. Как лучше привлекать посетителей к определенным страницам сайта вы выберете сами, используя плагин FCC Ribbon Manager или простой php код.

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

До скорых встреч!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>