Анализ сайта: Проверить сайт на санкции

Как flash-баннер сделать ссылкой

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

Как сделать так, чтобы по Flash-баннеру можно было кликнуть? При чем, кликнуть так, как мы кликаем по изображениям, обернутым в анкорный тег – вы кликаете по Flash-баннеру и окно вашего браузера переключается к новому URL-адресу. Я также постарался сделать это таким образом, чтобы URL, на который ссылается баннер, брался из HTML-параметра, чтобы нам не пришлось указывать ссылку при разработке самого ролика.

В данном руководстве мы используем Adobe Flash Professional CS5, и в данном случае мы будем работать с баннером стандартного размера 468х60 пикселей.

Запустите Flash Professional, и увидите то, что изображено на картинке ниже.

Перейдите в меню File / New from Template, а дальше Advertising / 468 x 60 Full Size.

У нас появится этап – создайте собственное рекламное объявление (этому вы можете научиться с помощью многих руководств в интернете, это довольно просто).

Поверх всего, что есть, добавьте еще один новый слой, который будет содержать кнопку, которая и будет реагировать на любые клики ваших посетителей. Я назвал этот слой button в этом примере. Затем выберите этот слой.

Используйте инструмент создания прямоугольника и нарисуйте прямоугольник (цвет не имеет значения) размером больше, чем само рабочее пространство. Это и будет нашей кнопкой.

Правый клик по прямоугольнику и выбирайте пункт Convert to symbol.

В поле Type выберите Button и жмите ОК.

Сделайте двойной клик по новой кнопке, чтобы отредактировать ее. Вы увидите, что временная шкала изменилась на отображение положения кнопки: Up, Over и Down, а также Hit.

Перетащите маркер от Up до Hit – это переместит цветной прямоугольник за пределы видимой части кнопки и создаст область, которая будет реагировать на клики. Она прозрачна, поэтому ваш баннер будет виден.

Выберите Scene 1 для того, чтобы перейти к вашему ролику, и увидите нечто вроде следующего.

Теперь нам нужно просто добавить ActionScript, который будет реагировать на клики. Сначала нам нужно настроить настройки публикации роликов на использование Flash 9 и ActionScript 2 – это будет проще, чем использовать последние версии и, к тому же, это даст нам лучшую совместимость. Кликните по пустой части рабочей области и измените настройки публикации, как показано с правой стороны окна.

Кликните по вашей кнопке для того, чтобы выбрать ее, и нажмите F9 для того, чтобы увидеть окно ActionScript.

Вставьте следующий код в окно:

on (release) {
  if (_root.targetURL.substr(0,5) == "http:") {
    getURL(_root.targetURL);
  } else { 
    getURL("http://www.default-url-here.com");
  }
}

Это сообщает Flash о необходимости получить URL, на который нужно перейти, из HTML-параметра под названием targetURL, который определяется вместе с другими параметрами, используемыми для встраивания флеш баннера. Если код здесь не сможет найти ничего полезного, то он просто обратится к заранее выставленному URL.

Используйте getURL(_root.targetURL, “_blank”);, если вам нужно открыть ссылку в новом окне, но это окно может быть заблокировано встроенными антивирусами или плагинами браузеров.

Теперь вам нужно опубликовать ролик, который просто выбирается из меню File.

Теперь наша работа с Flash Professional завершена – и последнее, что нам осталось сделать, это отредактировать HTML таким образом, чтобы в нем был URL, на который должен ссылаться ваш ролик. Вы также можете добавить его к коду публикации, предоставленном в HTML-файле, который был создан Flash Professional, либо вы можете использовать SWFObject.

Стандартный код, созданный Flash Professional

Добавьте его в каждый тег object

Чтобы весь ваш блок выглядел следующим образом.

<div id="flashContent">
	<object id="flash-test" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="60" align="middle">		<param name="movie" value="flash-test.swf" />		<param name="quality" value="high" />		<param name="bgcolor" value="#ffffff" />		<param name="play" value="true" />		<param name="loop" value="true" />		<param name="wmode" value="window" />		<param name="scale" value="showall" />		<param name="menu" value="true" />		<param name="devicefont" value="false" />		<param name="salign" />		<param name="allowScriptAccess" value="sameDomain" />		<param name="flashvars" value="targetURL=http://www.your-url.com" />		<!--[if !IE]>-->		<object width="468" height="60" data="flash-test.swf" type="application/x-shockwave-flash">			<param name="movie" value="flash-test.swf" />			<param name="quality" value="high" />			<param name="bgcolor" value="#ffffff" />			<param name="play" value="true" />			<param name="loop" value="true" />			<param name="wmode" value="window" />			<param name="scale" value="showall" />			<param name="menu" value="true" />			<param name="devicefont" value="false" />			<param name="salign" />			<param name="allowScriptAccess" value="sameDomain" />			<param name="flashvars" value="targetURL=http://www.your-url.com" />		<!--<![endif]-->			<a href="http://www.adobe.com/go/getflash">				<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />			</a>		<!--[if !IE]>-->		</object>
		<!--<![endif]-->
	</object></div>

Если вы используете SWFObject, то он должен выглядеть следующим образом

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"><!--mce:0--></script>
<script type="text/javascript"><!--mce:1--></script>

Учтите, что Flash-баннер с возможностью кликать не будет переносить вас на указанный URL, если вы просматриваете страницу на локальном компьютере – вам нужно просматривать страницу через веб-сервер.

Также можете посмотреть видео-инструкцию, но она может немного отличаться от описанного в статье:

12
Ноя

Вверх