Как поставить свой баннер. Баннер вконтакте - как сделать и разместить самому

В этой статье вы узнаете о том, как установить баннер на сайт, который работает на WordPress. Способ, который подойдёт для новичков, так как является самым лёгким, простым и понятным.

Баннеры – это изображения, анимированные или статичные, клик по которым переводит на какой-то адрес. Они являются самым распространённым видом рекламы. И если вы будете знать, как установить баннер, то сможете торговать баннерными местами на своём сайте.

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

  • Баннер лучше использовать анимированный, так как статичный сливается со всем дизайном сайта.
  • Анимированный баннер не должен переключаться слишком часто, чтобы посетитель смог увидеть, что нарисовано на каждом кадре.
  • Баннер лучше делать в формате изображения gif, а не в виде флеш-картинки swf, так как флеш-баннеры вызывают негативную реакцию у поисковиков.
  • Изображения баннера не должно весить слишком много, чтобы не нагружать сайт.
  • Клик по баннеру должен открывать другую страницу в новой вкладке, а не в той же.

Как установить баннер

Для того чтобы установить баннер, не нужно быть программистом. В WordPress всё можно реализовать проще, без знания кода, хотя с кодом повозиться всё-таки придётся. Те, кому лень, могут воспользоваться специальным плагином. О нём .

Чтобы установить баннер, сделайте следующее:

  • Откройте редактор записи (пункт консоли «Записи», подпункт «Добавить новую»).
  • Нажмите кнопку «Добавить медиафайл», и загрузите изображение баннера.
  • Когда изображение будет загружено в его атрибутах, в списке «Ссылка» выберите «Произвольно» и укажите ссылку, на которую должен перенаправлять баннер.
  • В редакторе записи перейдите во вкладку «Текст». Вы увидите код баннера, который можно установить в любое место сайта или распространять его, чтобы кто-то другой устанавливал.

В WordPress можно установить баннер двумя способами:

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

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

(1 оценок, среднее: 5,00 из 5)

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

Сначала рассмотрим вставку баннера на сайт, сверстанный на чистом HTML+CSS. Скопируйте готовый код элемента с сайта рекламодателя и отредактируйте его согласно общим правилам форматирования. Для внесения исправлений используйте копию страницы своего сайта, никогда не делайте правки сразу на сервере. Код баннера представляет собой стандартную html-разметку со стилями, расположенными внутри тегов. Они должны находиться в отдельных файлах и быть связаны друг с другом селекторами. Особое внимание уделите проверке уникальности классов и id в коде проекта. Никакие другие элементы не должны влиять на отображение баннера. Убедитесь, что названия селекторов не пересекаются, с помощью поиска в привычном для вас редакторе файлов (обычно вызывается по нажатию Ctrl+F). Посмотрите, нет ли в коде подозрительных элементов. Простейший баннер состоит из двух тегов: и . Желательно, чтобы они находились внутри блока
или