Как flash-баннер сделать ссылкой
10.12.08 Как сделать баннер, Подробные инструкции
После того, как вы сделали flash-баннер, нужно сделать его кликабельным. Вставить flash-ролик в код страницы и сделать его ссылкой с помощью HTML-кода, как это делается с gif-баннером, не получится. Но при нажатии на баннер должна открываться веб-страница, которую он рекламирует. Смысл создания любого баннера в осуществлении перехода на рекламируемый веб-сайт.
Задача легко решаема. Для этого мы создадим отдельный слой в баннере и добавим в него кнопку с кодом перехода на встроенном во Flash языке программирования Action Script. Эта статья-урок подробно описывает, как именно добавить ссылку во flash-баннер:
1 2 3 | on (release) { getURL("http://www.web-article.com.ua", _blank); } |
Архив flash-баннера с исходником в формате .fla, который иллюстрирует этот урок, готовый файл и автоматически сгенерированная страница публикации можно скачать здесь (1,32 Мб):
Для того, чтобы сделать flash-баннер кнопкой, нам понадобится программа Adobe Flash, в которой и создается сам баннер. В уроке использовалась версия Adobe Flash CS3 Professional, но все файлы сохранены для Flash 8. Для других версий Flash действия по созданию ссылки в баннере аналогичны. Итак, начнем работу.
1. Открываем программу Adobe Flash, открываем сделанный раньше баннер или заново создаем в ней требуемую для нашего баннера анимацию. При создании нового flash-баннера нужно выбирать язык программирования Action Script 2.0, несмотря на то, что уже вышла версия Action Script 3.0. Еще далеко не все пользователи интернета обновили flash-player хотя бы до 9й версии и у них могут возникнуть проблемы с проигрыванием вашего баннера на своем компьютере.
2. Создаем в нашем баннере отдельный слой. Назовем его, например, link. Имя слоя не имеет значения, главное, чтобы он был самым верхним слоем.
3. Выбираем инструмент Rectangle Tool (Прямоугольник). На этом этапе среда разработки баннера Adobe Flash CS3 Professional выглядит так:
4. Рисуем в рабочей области прямоугольник любого размера и в любом месте. Но прежде чем его рисовать, уберем границу прямоугольника и сделаем его заполнение полностью прозрачным. Для этого в закладке Color (Shift+F9, если ее нет) выставим следующие настройки:
5. Убедившись, что мы нарисовали прямоугольник в первом кадре самого верхнего слоя, переходим на закладку Info. Если этой закладки нет, нажмите Ctrl+I или выберите Window->Info – она появится. Выделяем наш невидимый прямоугольник, кликнув на первом кадре слоя link, а затем кликнут на проявившемся прямоугольнике:
6. В закладке Info устанавливаем размеры прямоугольника, который скоро будет кнопкой. Размеры должны быть такими же, как размеры flash-баннера, а координаты X=0.0 и Y=0.0. В нашем случае панель Info выглядит так:
7. Выделяем прямоугольник. Чтобы преобразовать его в кнопку, нажимаем F8, в открывшемся окне выбираем Button и жмем OK:
8. Теперь у нас есть кнопка поверх нашего баннера. Пока она никуда не ссылается, но сейчас мы это исправим.
Нажимаем F9, чтобы открыть панель Actions. Выделяем первый кадр самого верхнего слоя, чтобы выделить кадр с кнопкой, затем нажимаем на маленьком кружочке в центре кнопки. После этого вставляем в панель Action код перехода по клику на flash-баннере. При этом сайт, на который ссылается баннер, откроется в новом окне браузера:
1 2 3 | on (release) { getURL("http://www.web-article.com.ua", _blank); } |
Выглядит это примерно так:
Этот код Action Script 2.0 означает, что при отпускании кнопки мыши после клика по нашему flash-баннеру откроется новое окно браузера и в нем откроется сайт www.web-article.com.ua.
Для того, чтобы ссылка открывалась в том же окне браузера, нужно убрать код «, _blank». И естественно, вставлять ссылку на свой сайт вместо ссылки на наш блог:
1 2 3 | on (release) { getURL("http://www.web-article.com.ua"); } |
Обращаем ваше внимание, что очень важно вставлять код Action Script именно в кнопку, а не в кадр кнопки. Это распространенная ошибка. Также убедитесь, что вы создаете документ не старше версии Action Script 2.0, в более новых версиях этот код может не работать либо пониматься старыми flash-проигрывателями неправильно.
Если при создании баннера в среде разработки Adobe Flash CS3 или Adobe Flash CS4 вы выбрали более новый язык Action Script 3.0 языком скриптов вашего баннера, этот урок вам не подходит. Почитайте статью Код ActionScript 3, который позволяет сделать flash баннер ссылкой.
Статьи похожей тематики:
Метки: actionscript, Adobe, flash, getURL, link, release, баннер, ролик, ссылка, флэш
Февраль 7th, 2009 at 22:18
Большое спасибо. Очень полезная информация,а подскажите плиззз, у меня не отображается на сайте (пустое место) созданый мною баннер с помощью flash banner creator,что делать???
Февраль 8th, 2009 at 00:16
Вероятнее всего вы его неправильно опубликовали, т.е. ошибка в HTML-коде загрузки баннера. Подробнее читайте здесь: http://www.web-article.com.ua/2009/html-kod-dlya-vstavki-flash-v-blog/
Также может быть вариант, что баннер запрещает грузить ваш антивирус, фаервол или антирекламный плагин для браузера.
Февраль 12th, 2009 at 18:41
Privet! Sposibo za horosij urok, no u menja nerabotajet ssilka.. delaju vse kak opisano, no ssilka neotkrivajetsa… pomogite esli mozete.
Февраль 13th, 2009 at 09:14
Dmitrijs, вариантов ошибок может быть несколько:
1. Вы вствили код в кадр с кнопкой, а не в саму кнопку
2. Вы выбрали Action Script 3.0, а не Action Script 2.0 при создании баннера.
3. Ваш антивирус или плагин браузера запрещает открывать ссылки с локальных флэш-роликов. Загрузите ваш баннер на сайт и откройте его в браузере, а уже после этого проверьте переход по ссылке
Март 1st, 2009 at 15:43
Спасибо. Буду теперь лепить флеш баннеры для сайтик. Спасибо ещё раз (:
Апрель 3rd, 2009 at 09:06
что делаю не так ?????????? (Macr flas professional
**Error** Scene=Scene 1, layer=link, frame=1:Line 1: Mouse events are permitted only for button instances
on (release) {
Total ActionScript Errors: 1 Reported Errors: 1
Апрель 3rd, 2009 at 09:10
Dan, вероятно, объект, к которому вы привязываете код ActionScript, не является кнопкой. Убедитесь, что вы конвертировали графику именно в тип button
Апрель 3rd, 2009 at 09:11
спасибо за выложенную информацию, ошибка была как вы писали –
«Обращаем ваше внимание, что очень важно вставлять код Action Script именно в кнопку, а не в кадр кнопки. «
Апрель 3rd, 2009 at 09:19
это распространенная ошибка, допускается не только по незнанию, но и из-за невнимательности
Апрель 3rd, 2009 at 09:46
если не затруднит посм пожалуста, … не могу победить ).
http://kosht.na.by/1.html
Есть «_blank»!
Апрель 3rd, 2009 at 10:37
ПАЛИТ !!!
прописано в примере :
on (release) {
getURL(»http://www.web-article.com.ua», _blank);
}
надо _blank поместить в кавычки :
on (release) {
getURL(»http://www.web-article.com.ua»,»_blank»);
}
p.s. … ещё раз спасибо Alex-у за материал!
Апрель 3rd, 2009 at 11:00
не нужно брать ”_blank” в кавычки
Апрель 15th, 2009 at 14:08
Спасибо большое! Всё работает)!
Апрель 16th, 2009 at 13:47
сделал баннер http://eimicmusic.com/content.swf
у него прописано несколько ссылок ссылки как видите все работают
но при вставке на страницу (в моем случае myspce) ссылки не работают((
что делать? голова кипит
Апрель 17th, 2009 at 07:10
илья, наиболее вероятный ответ на ваш вопрос – второй комментарий сверху
Апрель 24th, 2009 at 10:48
У меня отказывается работать анимация после создания нового слоя с прямоугольником(( В чем проблема?
Май 12th, 2009 at 13:24
как сделать, чтобы банер в самом начале не нано было активировать нажатием мыши, чтобы уж потом он и становиться ссылкой
И самое главно, почему при нажатии высвечивается ошибка о том, что плеер остановит потенциально опасную операцию …., хотя на других сайтах ссылки на флеш работают
Май 13th, 2009 at 08:14
liv, возможно, анимация реализована ActionScript и создав новые объекты вы случайно внесли изменения в аглоритм.
Андрей, почитайте мою статью Как правильно публиковать Flash-ролики. Должно помочь
Май 14th, 2009 at 20:48
Добрый вечер!
У меня такая проблема. Всё делаю как написано. Баннер просматриваю при открытом Флеше. Всё супер! Ссылка работает, переходит на сайт. Потом закрываю прогу. Пытаюсь запустить только баннер файл swf. И тут уже не происходит никакого перехода на сайт. А ругается Security:
«Macromedia Flash Player has stopped a potentially unsafe operation.
The following local application on your computer or network:
…тут путь указан… и т.д. и т.п.»…
Я только дизайню. Может нужна ещё какая-то программерская часть. НЕ шарю.
Май 17th, 2009 at 17:43
Ann, открывайте ролик через браузер либо встраивайте плеер при публикации. Если в среде разработки Flash нажать F12, в папке проекта будет создан HTML-документ с правильным кодом публикации flash-ролика. Подробнее читайте здесь.
Май 25th, 2009 at 09:23
Вобще не выходит… пишет ошибка в сценарии когда я код вставляю.
У меня CS3 русифицированный.. баннер делал на Action Script 3.0.
Помогите, а то я весь день убил уже.
Май 25th, 2009 at 09:25
p.s. пишет что ошибка по описанию 1087: Syntax error: extra characters found after end of program.
и источник on (release) {
Май 25th, 2009 at 10:42
bat, нужно выбирать Action Script 2.0, а не Action Script 3.0. В Action Script 3.0 этот код не работает
Май 26th, 2009 at 10:46
так я в менюхе выбираю 2.0… или это не канает? надо значит было мультик делать в Action Script 2 вобще сразу? и еще хотелось узнать если такая беда, то как конвертировать Action Script 2 в Action Script 3 ? Oo
Май 26th, 2009 at 11:06
bat, я когда только установил CS3, понял, что коды Action Script 2 в Action Script 3 далеко не всегда работают. Разбираться, в чем дело, не было не времени, ни желания. К сожалению, я не помню, как вставил код Action Script 2 в баннер с Action Script 3
. Попробуйте сохранить проект в самой старой из возможных версии Flash или самостоятельно разобраться как кликабельные кнопки делаются в Action Script 3
Май 29th, 2009 at 09:53
понятно спс
)))
Июнь 17th, 2009 at 11:57
Скажите, пожалуйста, сделала баннер в программе CS4, все получилось, благодаря вашей инструкции, кроме вставки кода. Какой надо вставить код в Action Script 3, т.к. в Action Script 2 не получается. Спасибо!
Июнь 17th, 2009 at 13:00
Олеся, ответ на ваш вопрос есть чуть выше в комментариях
Июнь 25th, 2009 at 12:56
Скажите, пожалуйста, у меня такая проблема: при прописывании ссылки нет цифр 1 2 3, есть только 1(((((( Как сделать, чтобы появились еще и 2, и 3?
Июнь 25th, 2009 at 13:29
Кажется, все получилось, спасибо))))
Июль 2nd, 2009 at 13:27
После создания кнопки не могу добавить действия к ней. Использую Flash CS4. Написано, что к выделенному фрагменту не возможно применить никакие действия. В чем может быть проблема?
Июль 2nd, 2009 at 13:30
Dave, почитайте статью и комментарии к ней, вы не первый и даже не второй, кто задает этот вопрос
Июль 2nd, 2009 at 14:04
Прочитал статью и комментарии очень внимательно, но таж же не могу выполнить 9 шаг. Когда выделяю 1 кадр 1 слоя – код ActionScript активен, а когда выделю кнопку окно становится не активным.
Июль 7th, 2009 at 12:22
Та же проблема, что и у Dave. Шаг 9 пройти не удается
. CS3
Июль 7th, 2009 at 14:09
Dave, petu,
когда вы создаете flash-проект, нужно выбирать Action Script 2.0, а не Action Script 3.0. В Action Script 3.0 этот код не работает, там другой принцип добавления кода. Какой именно – я не знаю, мне хватает знаний Action Script 2
Июль 9th, 2009 at 11:48
Низкий поклон!
Бился полсуток над данной проблемой, пока не нашел Ваш ресурс.
Всё заработало!
Еще раз огромное спасибо!
Июль 10th, 2009 at 20:15
По многочисленным просьбам написал статью о том, какой нужен код ActionScript 3, чтобы сделать кликабельный флэш-баннер. Пожалуйста
Июль 11th, 2009 at 17:36
люди, помогите, создал меню через flash menu factory без патчей, выложил на сайт, а он не переводит по ссылкам =( че делать?????
Июль 20th, 2009 at 17:52
Пасиб за статью но у мну вопрос : как правильно экспортировать flash баннер чтобы в опере с первого раза можно было кликать на баннер и не было надписи «Щелкните чтобы активировать и использовать этот эллемент» ? Проверял на рамблере – у них баннерыс первого раза открываются оперой а в примере данного урока такая же лабуда что и у меня «Щелкните чтобы активировать и использовать этот эллемент»
Июль 21st, 2009 at 10:48
Артур, в этом уроке для публикации flash-роликов используется упрощенный html-код, потому с некоторыми настройками для некоторых браузеров могут быть ограничения, связанные с повышенными мерами безопасности. О том, как правильно вставлять флэш-ролики на страницы сайтов, подробно написано в моей статье Код для вставки Flash в текст или шаблон блога
Июль 31st, 2009 at 15:23
Вопрос по п.6
В каких единицах (сантиметры, пиксели) указаваются размеры прямоугольника?
И походу возник еще попрос. Как установить размеры самого баннера?
Июль 31st, 2009 at 20:37
Nadin12
1. Размер в пикселах
2. Чтобы установить/изменить размер баннера можно в любой момент клинкуть вне баннера на серую область и в самом нижнем окне Properties (ctrl+F3) изменить размеры баннера (Size:)
Август 2nd, 2009 at 16:27
Прошу, прощения, Александр, не могли бы Вы объяснить мне как сделать ссылку на почтовый ясчик с кнопки ва Флэш 8. заранее спасибо.
Август 2nd, 2009 at 16:31
если можно, напишите в личку, ICQ 9121941.
Август 2nd, 2009 at 18:11
код тот же, только вместо адреса сайта нужно написать:
mailto:primer@mail.ru
колучится код:
on (release) {
getURL(»mailto:primer@mail.ru»);
}
Август 2nd, 2009 at 20:37
спасибо, огромнейшее)
Декабрь 12th, 2009 at 10:40
….Спасибо за ГРАМОТНУЮ и ОЧЕНЬ ПОЛЕЗНУЮ СТАТЬЮ!
…пол дня потратил в поисках достойного мануала по вставке ссылки во флеш!
…какое счастье – что наткнулся на ВАС!
На других форумах конечно тоже предлагали этот вариант! … ноу меня все было в ошибках! и только прочитав вашу статью до меня наконец-то дошло – в чем была ошибка «вставлял скрипт в кадр, а не кнопку» !)))))
…Сделал в итоге обеими способами (AS2 & AS3)! Все работает отлично!
…СПАСИБО! )))
Январь 26th, 2010 at 17:58
Огромное спасибо! Очень понятная и полезная информация:))
Январь 29th, 2010 at 10:56
Выделяю кнопку, а в окне скрипта пишет, что «К выделенному объекту нельзя применять никакие действия»
Февраль 11th, 2010 at 22:21
Хочу спросить про параметры публикации. Нигде не нашла таких инструкций. Свой баннер я отправила в баннерную сеть, но на него мало кликают. Может он не всем виден?
Публиковала для 7-ого флеш-плеера. Сжатый. Другие галочки не ставила. Что такое local playback security просто не знаю… Спасибо, если ответите.
Февраль 13th, 2010 at 17:38
Если вы видите баннер, то и остальные посетители сайта его видят. Для такого простого баннера параметры публикации не повлияют на видимость, оставьте их по умолчанию.
Вообще кликабельность баннера на уровне полпроцента считается нормальной. Если у вас больше – могу только порадоваться за вас или же на ваш баннер кто-то специально кликает ради статистики
Февраль 16th, 2010 at 10:33
Здравствуйте Александр. Во-первых огромное вам спасибо за информацию. Но: У меня как и у Ann проблема. Всё делаю как написано. Баннер просматриваю при открытом Флеше. Всё супер! Ссылка работает, переходит на сайт. Потом закрываю прогу. Пытаюсь запустить только баннер файл swf. И тут уже не происходит никакого перехода на сайт. А ругается Security:
«Macromedia Flash Player has stopped a potentially unsafe operation.
The following local application on your computer or network:
Могли бы вы поподробней объяснить, что надо сделать, чтобы решить проблему. Из ответа выше я ничего не понял. Заранее спасибо за понимание.
Февраль 16th, 2010 at 10:52
Викторр, при запуске файла swf напрямую очень часто возникает проблема с безопасностью: либо сам проигрыватель либо антивирус блокируют выполнение подозрительной флэшки, дабы обезопасить неопытных пользователей от возможного заражения вирусами. Это не значит, что flash работает неправильно или является вирусом, просто у безопасности приоритет выше.
Чтобы увидеть работу готового flash-ролика опубликуйте его (кнопка F12 в среде разработки Adobe Flash) и запускайте появившийся файл имя_проекта.html, а не имя_проекта.swf.
При загрузке flash-баннера на сервер он тоже отлично будет виден всем посетителям сайта, т.к. о безопасности уже заботится браузер и прав у флэшки из интернета намного меньше, чем у запускаемой с локального диска с правами администратора.
Февраль 16th, 2010 at 10:54
Перечитал «как правильно публиковать…» все посмотрел как сам публикую, но видать я тот еще ламер пока что….помогите плиззз, руки опускаются, когда вроде уже достиг какого-то результата, и все крахом идет на таких вот проблемах, не могу уловить корень проблемы, чтоб решить…
Февраль 16th, 2010 at 11:04
нажимаю на F12 открывает в браузере, но при нажатии на баннер тоже самое(
Февраль 16th, 2010 at 11:09
на баннер жать не надо, нажимайте на файл с расширением .html, который появляется в папке с баннером после того, как вы нажали F12.
Если баннер при этом открывается в браузере, он кликабельный, при клике есть переход на нужный сайт – все отлично, все работает, размещайте на нужном вам сайте.
Февраль 16th, 2010 at 12:12
все получилочь. Ура. надо было просто успокоиться и попить чай
Февраль 21st, 2010 at 20:42
кто вставлял на местком флеш баннер, отпишите че там с кодом и как
Март 2nd, 2010 at 07:52
Проблема. Не могу в кнопку вставить скрипт. Окно не активно.
Март 2nd, 2010 at 08:03
вот такая вот ошибка:
**Error** Scene=Scene 1, layer=Layer 13, frame=1:Line 1: Mouse events are permitted only for button instances
on (release) {
Total ActionScript Errors: 1 Reported Errors: 1
Март 2nd, 2010 at 08:11
вот скрин http://i047.radikal.ru/1003/4e/5f99e074d894.jpg
Март 2nd, 2010 at 09:07
Galant, вы вставляете код перехода в объект, который не является кнопкой. Внимательно почитайте текст статьи и комментарии
Март 2nd, 2010 at 09:41
Извините, голову сломал. Читаю и не вижу того, что должно происходить: «Выделяем первый кадр самого верхнего слоя, чтобы выделить кадр с кнопкой, затем нажимаем на маленьком кружочке в центре кнопки.» Первый кадр выделил. Что за маленький кружочек, первого кадра?
Март 2nd, 2010 at 10:08
Всё получилось)) Извините!
Март 3rd, 2010 at 17:24
Большое спасибо за толковую инструкцию. Инструкций на данную тему в инете много, толковая – только эта. Значит, есть талант у автора…