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

Как разместить flash баннер

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


02.12.2016 | Создание блога | Теги: комментариев 6 | 23747 просмотров | Автор статьи: Александр Рус


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

Итак, как же вставляется флэш-баннер в нужный 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>

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

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

Что такое CMS, а так же правила ее выбора
Сейчас мы разберемся с вопросом: "Что такое CMS?". На самом деле тут все просто, CMS расшифровывается как "Content Management Software" ("программное обеспечение для управления ...
Настройка URL-адреса на платформе WordPress
Прогрессивное продвижение сайта невозможно без правильной настройки URL-адреса и работы с файлом .htaccess. Ниже вы найдете базовые рекомендации по этим двум аспектам. Посещаемость интернет-сайтов во ...
Как закрыть ссылки от индексации в комментариях WordPress.
Всем доброго дня! Недавно, как то зашел в гости к Александру Каратаеву, на его блоге меня заинтересовала информация о новых методах закрытия ссылок от ...
Плагин de: comment: адаптивная форма комментариев.
Плюсы плагина Регистрация на сайте Настройки de:comments Партнерская программа. Всем привет! Сегодня я расскажу про один из лучших плагинов, который заменяет стандартную форму комментариев ...
Мобильный сайт. 3 способа создания мобильной версии сайта.
Особенности мобильного веб-сайта. Как создать мобильный сайт (3 разных способа) Пошаговая видео-инструкция Тестирование Особенности мобильного проекта Под фразой «мобильный сайт» подразумевается виртуальная площадка, предназначенная специально для приема пользователей, ...

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.

1
NI4KA http://ni4ka.ru/

Не советую на свои сайты ставить флэш. Это умирающая устаревшая технология. Мобильные устройства ее больше не поддерживаю и любые устройства на МасОС тоже.

Автор2
Александр Рус (участник БКС) http://myworkpro.ru/

Честно сказать, впервые слышу про такое. Возьму на заметку 😉

3
Сергей Петров http://text-center.ru/

Александр, добрый вечер! А если речь идет о "гифкет", то есть файле формата GIF, то будет можно использовать приведенный Вами код?

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

Интересно попробовать и посмотреть, как он будет отображаться. И можно ли загрузить такой формат через стандартный загрузчик WP с отображением в библиотеке медиафайлов.

Автор4
Александр Рус (участник БКС) http://myworkpro.ru/

С .gif форматом работать будет.

5
Федор http://ex-hort.ru/

ому "ничего сложного!", а кому-то "китайская грамота"))

А может и не стоит заморачиваться. Гугл тоже не любит флеш баннеры. Правда пока только в рекламных объявлениях.

- Начиная 2 января 2017 года , медийная реклама в формате флэш могут больше не работать в контекстно - медийной сети Google или через DoubleClick.

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

6
Ольга mescher410 http://writer-for-inet.ru/

Кому "ничего сложного!", а кому-то "китайская грамота")) Вот сижу разбираюсь, т.к. тема злободневная. Сделала репост в свою группу ВК - буду дальше вникать.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.