Как разместить флэш-баннер на сайте

Флэш-баннер установить на свой сайт достаточно просто – он ставится так же, как и простой графический баннер. Требуется выполнить пару несложных действий, с которыми справится даже начинающий веб-мастер.

Итак, как же вставляется флэш-баннер в нужный HTML-код страницы вашего сайта?
Сначала загрузите его на сервер сайта. Это делайте с помощью файл-менеджера (находится в панели управления вашим хостингом). Зачастую для этого используется программа, которая называется FTP-клиент. Скачивается такая программа легко, но после этого FTP-клиент нужно правильно настроить. Для этого в технической поддержке вашего хостинга вам потребуется узнать адреса и пароли FTP-сервера. Так что лучше воспользуйтесь файл-менеджером, чтобы переместить файл с компьютера на нужный сервер. Если же рекламодатель хранит все файлы баннеров на своих серверах, то этот шаг вы можете смело пропустить!

Теперь надо подготовить код для его дальнейшей вставки на сайт. Зачастую рекламодатель сразу предоставляет HTML-код, который помогает отображать на странице баннер.
Но бывает, что рекламодатель присылает один Ваш_баннер.swf файл.
Тогда, что бы он правильно отображался на сайте, размещаем этот файл в коде:

1
2
3
4

<object data="/files/Ваш_баннер.swf" type="application/x-shockwave-flash" width="200" height="300">
<param name="movie" value="/files/Ваш_баннер.swf" />
<param name="quality" value="high" />
</object>

Если баннер не кликабельный?
Для того, что бы баннер сделать кликабельным, т.е. что бы при нажатие на него осуществлялся переход на другой сайт, нам необходимо во второй строке после имени файла Ваш_баннер.swf, дописать следующее ?link1=рекламная ссылка». Теперь строка будет выглядеть так:

1

<param name="movie" value="/files/Ваш_баннер.swf?link1=рекламная ссылка" />

Некоторые браузеры, планшеты и Ipad-ы не поддерживают flash. В этом случае нам необходимо поставить картинку заглушку, она будет отображаться только в том случае если не работает flash.
Для вставки картинки-заглушки любого формата (gif, jpeg или png), нам необходимо в конце кода вставить эту строчку:

1

<a title="" href="рекламная ссылка"><img src="/files/Ваш_файл.gif" alt="рекламный баннер" width="200" height="300" /></a>

В итоге полностью готовый код для отображения флэш-баннера будет иметь следующий вид:

1
2
3
4
5

<object data="/files/Ваш_баннер.swf" type="application/x-shockwave-flash" width="200" height="300">
<param name="movie" value="/files/Ваш_баннер.swf" />        
<param name="quality" value="high" />
<a title="" href="рекламная ссылка"><img src="/files/Ваш_файл.gif" alt="рекламный баннер" width="200" height="300" /></a>
</object>

Вот и всё! Ничего сложного!

Материалы по теме:

Что такое баннерная слепота и чем она так опасна?

Этот термин появился всего несколько десятилетий назад. С развитием интернета появилось огромное количество новых рекламных форматов, которые поначалу работали весьма эффективно. Однако с течением ...

Создание RSS-ленты через Feedburner. RSS как неплохой вариант для раскрутки и продвижения сайта.

Добрый день дорогие читатели! В прошлой статье про плагин Tweetmeme, я немного упоминал про RSS-ленту. Поэтому решил написать про нее отдельную статью. Знаю, что многие ...

Мобильный сайт. 3 способа создания мобильной версии сайта.

Особенности мобильного веб-сайта. Как создать мобильный сайт (3 разных способа) Пошаговая видео-инструкция Тестирование Особенности мобильного проекта Под фразой «мобильный сайт» подразумевается виртуальная площадка, предназначенная специально для приема пользователей, ...

Зеркало сайта — что это такое и для чего создается

Всем привет! В последнее время меня все чаще хочется сменить доменное имя для своего блога. Но из-за того, что он уже немного раскручин и ...

2. Регистрация домена.

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