Jump to content

Рекламные объявления

IPS 4 позволяет вам добавлять рекламные объявления на ваш сайт с помощью множества различных способов - с помощью HTML кода или загрузкой рекламного изображения, и разместить объявления автоматически в выбранном вами месте.

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

Как создать рекламное объявление

Объявления могут быть созданы на странице Система > Продвижение > Реклама в вашем админцентре. Страница выглядит следующим образом:

ads.PNG Область настроек рекламы в IPS4

 

Вы можете добавить объявление, нажав на кнопку "Создать". После этого перед вами откроется возможность выбрать тип создаваемого объявления. Вы можете выбрать "HTML код" для указания рекламного HTML кода, либо "Загрузить изображения", чтобы загрузить рекламное изображение. 

ads1.PNG
Добавление нового рекламного объявления

 

После того, как вы добавили изображение или указать рекламный код, вы можете выбрать местоположение рекламы на сайте и указать группы, которым будет отображаться объявление. Вы можете выбрать больше одного местоположения отображения рекламы, если в этом есть необходимость.

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

При использовании рекламных объявлений Google Adsense, вы можете заметить, что быстрая навигация по страницах более не работает должным образом. Это обусловлено тем, что требования Google не разрешают загрузку рекламы с помощью AJAX. Чтобы устранить эту проблему, вы можете отключить настройку вашей темы "Использовать постраничную навигацию на AJAX?". Кастомизация > Внешний вид > Темы > ВашаТема > Изменить > Другое > "Использовать постраничную навигацию на AJAX?".

ajax.PNGНастройки темы

 

Если вы хотите отключить рекламное объявление на некоторое время, вы просто можете нажать на кнопку "Включено", расположенную справа от объявления.

ads2.PNG Кнопка включения/отключения рекламного объявления

 

Расширенные возможности

Invision Community позволяет разместить рекламные объявления в несколько заранее определённые области, но также можно создать дополнительные области для размещения рекламы, которые можно вставить напрямую в HTML шаблоны темы или воспользовавшись приложением Страницы.

Для начала создайте рекламное объявление как обычно. В области настроек "Показ объявлений" выберите Создать собственное местоположение и введите ключ в появившееся поле (ключ можно назвать как угодно). Позже вы можете использовать этот же ключ для других объявлений, которые хотели бы отображать в этом местоположении.

Теперь вы должны вставить специальный тег в HTML шаблон темы, где хотите показать объявление. Код для вставки:

{advertisement="КЛЮЧ"}

Измените КЛЮЧ для только что созданный вами ключ.

Добавление кода в HTML шаблон

Перейдите на страницу Кастомизация > Внешний вид > Темы вашего админцентра и нажмите кнопку "Редактировать HTML и CSS", расположенную справа от вашей темы. Какой шаблон нужно изменить и куда вставить код, зависит от того, где конкретно вы хотите отобразить рекламный блок. Например, если вы хотите разместить рекламный блок в профиле пользователей под хэдером, перейдите в шаблон core -> front -> profile -> profileHeader и вставьте указанный выше код код в самый низ. Поскольку каждая тема имеет свой набор HTML шаблонов, вам нужно повторить эти действия для каждой установленной темы.

Использование приложения Страницы

Тег может быть вставлен в страницу, блок или шаблон в приложении Страницы. Просто вставьте тег туда, где хотите отображать рекламное объявление.

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

Использование CSS классов, адаптирующих объявления на смартфонах или ПК

С помощью адаптивных CSS классов, доступных в IPS4, можно настроить рекламные объявления таким образом, что различные рекламные объявления отображались бы в зависимости от размера экрана устройства.

Примечание: это относится только к тем объявлениям, которые вы создали сами. Если вы используете рекламный сервис (например Google Adsense), вы должны выяснить, может ли сервис предоставить вам адаптивные блоки рекламы.

Пример адаптивного кода:

<div class='ipsResponsive_showDesktop ipsResponsive_showTablet ipsResponsive_block'>
  Это объявление будет показано на ПК и планшете, но не на смартфонах
</div>
<div class='ipsResponsive_showPhone ipsResponsive_block'>
  Это объявление будет отображено на смартфонах, но не на ПК и планшетах
</div>