Adobe Flashバナーに外部リンクを付与する方法（iOS対応）

Flash バナーに外部リンクを付与する方法 -
Adobe Flash CS3 for Mac + Action Script 2.0 -
2011.12.21
木谷
目的 Flash バナーをクリックすると、外部サイトにリンクするようにしたい
Web ブラウザやデバイス依存を出来るだけ避けたい
必要なソフトウェア Adobe Flash CS3（製品）
必要な技術 Action Script 2.0 プログラミング（Action Script 3.0 では動作しません）
<object>タグ
手法 1. Flash 動画に上からかぶせる形で、リンクを付与する。
※Adobe Flash 製品で、Flash 動画をロードし、リンク情報を付与する動画を生成する
2. Flash 動画が再生できない場合には、GIF アニメーションを表示する。
※iOS (iPhone/iPad/iPod Touch)等
下記の方法を使えば、特に知識なく利用できるはずです。
説明の利便性向上のために、下記の仮定をします。
Flash バナーについては、すでに作成済みであり「sample.swf」であるとします。
※注意：sample_url.fla 内で、Flash バナーのパスを指定します。このパス構成でフォルダ構成
を組んで下さい。今回は images/sample.swf にあるという「決め打ち」指定にしているので下
記のような構成になります。
-
Flash バナー名
：「sample.swf」
-
Flash バナーサイズ
：「254 x 53」
-
HTML 的な相対パス（公開時）
sample.html（Flash バナーを入れるファイル）
└ images
├ sample.swf（元データ）
├ sample.gif（元データの GIF アニメーション: 作成推奨）
├ sample_url.fla（Adobe Flash CS3.0 で新規作成。HP 公開時には不要）
└ sample_url.swf（Adobe Flash CS3.0 が自動生成） Flash バナーに外部リンクを付与する方法 -
Adobe Flash CS3 for Mac + Action Script 2.0 -
2011.12.21
木谷
作成方法 1. Adobe Flash CS3 を起動し、上部「ファイル」メニューから「新規」を選択
2. タイプ「Action Script 2.0」を選択し、OK ボタンを押します。
3. 「プロパティ」メニューを選択し、サイズのボタンを押します。
※出ていなければ、上部「ウィンドウ」メニューから「プロパティ」→「プロパティ」を選
択して下図のようなウィンドウを出して下さい。
4. Flash バナーと同じサイズに変更（今回は 254 x 53）
5. 上部「ウィンドウ」メニューより「アクション」を選択します。
そして「Appendix 1: Action Script サンプルコード」を、下図のようにコピ＆ペーストした
上で、次の２つを変更してください。
images/sample.swf
→
Flash バナーの置き場所（サンプルは images フォルダ内）
http://sample.jp/sample.html → リンクさせたい URL
6. 上部「ファイル」メニューから「保存」を選択し、「sample_url」で保存します。
7. 上部「ファイル」メニューから「パブリッシュ」を選択します。上手く行けば、
Flash バナーに外部リンクを付与する方法 -
Adobe Flash CS3 for Mac + Action Script 2.0 -
2011.12.21
木谷
「sample_url.fla」
「sample_url.swf」
「sample_url.html」
「AC_RunActiveContent.js」が生
成されたはずです。
8. それぞれ下記のようにファイルを置いて行きます。（フォルダは無ければ作成してください）
HP 公開用フォルダ
└ 「images」フォルダ ---- 「sample_url.swf」「sample.swf」をコピー
※それ以外は必要ないファイルです。
9. Flash バナーを貼りつけたい場所に、
「Appendix 2: Flash バナー貼付けコード」を貼り付け
ます。訂正点は下記の通り。黄色ラベルの部分です。
- <object width="254" height="53" data="images/sample_url.swf">
- <param name="movie" value=" images/sample_url.swf ">
- <a href="http://sample.jp/sample.html" target="_blank">
- <img src="images/sample.gif" alt="sample" title="sample" width="254" height="53">
※もちろん Flash バナーのサイズによって、width, height は変更してください。
Flash バナーに外部リンクを付与する方法 -
Appendix 1: Action Script サンプルコード -
2011.12.16
京都大学東南アジア研究所・木谷
本コードは、http://qanda.rakuten.ne.jp/qa2600886.html にあるコードを参考にさせて頂
きました。
----------- この下からコピー --------// _level1 にバナーとなる SWF ファイルをロード
loadMovie("images/sample.swf", 1);
//
// 空のムービークリップを作成
_root.createEmptyMovieClip("clickMC", 0);
//
// そのムービークリップを透明な塗りで塗りつぶす
with (_root.clickMC) {
beginFill(0xFFFFFF, 0);
lineStyle(0, 0xFFFFFF, 0);
moveTo(0, 0);
lineTo(Stage.width, 0);
lineTo(Stage.width, Stage.height);
lineTo(0, Stage.height);
endFill();
}
//
// clickMC をクリックしたときの動作定義
_root.clickMC.onRelease = function() {
// リンク先を _blank （新窓）で開く
this.getURL("http://sample.jp/sample.html", "_blank");
};
----------- この上までコピー ---------
Flash バナーに外部リンクを付与する方法 -
Appendix 2: Flash バナー貼付けコード -
2011.12.16
京都大学東南アジア研究所・木谷

<object type="application/x-shockwave-flash" width="254" height="53"
data="images/sample_url.swf">

<param name="movie" value="images/sample_url.swf">

<a href="http://sample.jp/sample.html" target="_blank">
<img src="images/sample.gif" alt="Sample" title=" Sample " width="254"
height="53">
</a>
</object>

Download Report