Как разместить баннер на сайте с cms joomla?

Веб разработка - Уроки joomla

Компонент Баннер (Banner) относится к числу базовых компонентов, установленных на cms joomla по умолчанию. Он позволяет быстро разместить баннер на Вашем сайте.

В меню админки Joomla выберите пункт Компоненты - Баннер - Баннеры. Вы попадаете в Менеджер баннеров.

Он состоит из трех вкладок - Баннеры, Клиенты и Категории.

Пока у нас нет ни одного баннера. Давайте попробуем разместить баннер на сайте.

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

Кликаем по вкладке Категории , нажимаем Создать , и на открывшейся странице категорий задаем заголовок категории - Shop (я так назвал, Вы можете выбрать любой). Сохраняем страницу.

2.Теперь, давайте создадим Клиента, чей баннер мы размещает на сайте. Для этого, кликаем по вкладке Клиенты . На открывшейся странице заполняем поля.

3. Итак, клиент создан. Теперь, давайте создадим новый баннер. Для этого, кликаем по вкладке Баннеры - Создать. Открывается страница Баннер [Создать].

Заполняем имя баннера, выбираем категорию и клиента (их мы уже создали), URL клика (т.е. на какую страницу попадет пользователь, кликнув по баннеру), выбираем картинку баннера (открываются все графические файлы, расположенные в папке imagesanners).

Здесь же можете внести описание баннера и установить пользовательский код (для этого нужна поддержка JavaScript).

4. После сохранения страницы, опять попадаем в менеджер баннеров. Здесь, в правом верхнем углу кликаем по иконке Параметры . Откроется окно с дополнительными параметрами.

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

5. Теперь нам надо разместить баннер на сайте. За вывод баннера отвечает модуль Баннер. Этот модуль управляет баннерными компаниями, созданными с помощью компонента Баннер. Давайте создадим его.

Для этого, идем в менеджер модулей: Расширения - Менеджер модулей - Создать. Выбираем тип модуля - Баннер. Попадаем на страницу создания модуля.

Задаем Заголовой для модуля, выбираем позицию (где разместить баннер).

Затем, идем в раздел Параметры модуля . Здесь можно задать параметры, влияющие на отображение баннера.

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

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

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

6. Все! После сохранения страницы модуля, перезагружаем главную страницу сайта, и видим, что в позиции top (вверху сайта) появился наш баннер.

Можем несколько раз по нему кликнуть, и зайти в Менеджер баннеров. В строке нашего баннера shop-ad видим поля Впечатления и Клики, значения кот

 

---

Читайте:
Создание бекапа сайта - альтернативные варианты

Adobe для веб-разработчиков Компания Adobe в особом представлении не нуждается – она очень известна практически среди всех пользователей, кто хоть раз имел дело с обработкой гр...

Набор интегрированных продуктов Oracle Access & Identity Managemen Oracle IAMS представляет собой семейство интегрированных продуктов для управления безопасностью на основе бизнес-ролей и должностных обязанностей; д...

Adobe добавила в Dreamweaver поддержку HTML5 и CSS3 Adobe Systems наконец приняла решение оснастить свою популярную разработку Dreamweaver для создания веб-страниц поддержкой стандартов HTML5 и CSS3. ...

Microsoft анонсировала новые технологии для веб-разработчиков Компания Microsoft объявила о том, что на ежегодной технологической конференции для веб-разработчиков и дизайнеров MIX 09 в Лас-Вегасе анонсировала ...

Adobe представила второе поколение Air Компания Adobe представила второе поколение кросс-платформенной технологии Air (Adobe integrated runtime), сообщается в блоге компании. Новая версия...