Как сделать баннер кликабельным?

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

Вам понадобится

• - возможность изменения разметки web-страницы.

Инструкция

Сделайте баннер кликабельным путем его помещения в гиперссылку. Используйте HTML-элемент A. Добавьте начальный тег с атрибутом href, значение которого указывает на целевой ресурс, а также завершающий тег . Например:Это самый простой и наиболее часто используемый способ добавления баннеров в web-страницы. Фактически изображение здесь является анкором ссылки.

Примените клиентские карты для создания нескольких активных областей-ссылок на изображении баннера. В HTML-разметку документа добавьте элемент MAP с атрибутом name, определяющим имя карты. В MAP поместите один или несколько дочерних элементов AREA, с атрибутами href, shape и coords, имеющими корректные значения. Например: Элементу IMG, определяющему баннер, добавьте атрибут usemap, ссылающийся на клиентскую карту. Например:Данный метод позволяет использовать один баннер для перенаправления пользователя на разные ресурсы в зависимости от того, какая из областей была активирована.

Используйте возможность обработки событий пользовательского ввода клиентскими скриптами для инициализации процесса перехода к другому ресурсу при клике по баннеру. Установите обработчик onclick соответствующему элементу документа. Это можно сделать, добавив атрибут onclick в HTML-разметку:или же непосредственно из скрипта:Подобный метод позволяет гибко управлять процессом перенаправления пользователя при клике по баннеру, однако не работает, когда скрипты в браузере отключены.

Внедрите баннер в web-страницу при помощи элемента INPUT типа image, входящего в состав формы для того, чтобы он был кликабельным. Элемент INPUT с атрибутом type, имеющим значение image, определяет графическую кнопку отправки. Адрес ресурса изображения задается атрибутом src. Например: Применение данного метода отображения баннера предоставляет большие возможности. Так, можно передать на сервер достаточно большой объем дополнительных данных при помощи hidden-полей, особенно используя POST-запрос для отправки формы. Можно произвести какие-либо действия с формой перед отправкой, назначив обработчик onsubmit. Изображению кнопки допустимо назначать клиентскую карту при помощи атрибута usemap.

Оцените статью!