YouTubeの動画をブログに貼ってAmazonアフィリエイト

　そんなことしたらRevverじゃん、という気もしないではないが、YouTubeの動画に広告を挿入してブログに貼るツールを作った。使い方はいつも通り簡単。YouTubeの動画再生のページでこの
YouTube+Ads(Bookmarklet)
というBookmarkletを実行してパラメータ設定＋プレビューのページに飛び、必要なパラメータを設定して、自動生成されるタグを自分のブログ or Web Siteに貼るだけ。なお、IFRAMEタグが使えるブログでないと貼れません（よってはてな、アメブロ、Gooなんかは×）。必要なパラメータは下記。

Video ID	YouTubeの動画のID。上のBookmarkletを実行すると自動で入力される。
Affiliate ID	AmazonのアソシエイトIDを入れる。何も入れないと私のIDになります。
Movie Size	動画サイズをLarge/Medium/Smallから選ぶ。デフォルトはLarge。
Category	Amazonの商品のカテゴリーから選んでください。デフォルトはDVD。

実際に貼ってみるとこんな感じ。

　技術的にはこれまたいつも通り簡単で、YouTubeの動画の上に広告のレイヤーを重ねて表示しているだけ。但し、CSSで重ね順を指定してFlashの上に単純にテキストを重ねようとしても無理なので、２ちゃんねるのWeb製作板（中級スレッド）の>>185-192で言っているように、動画・広告双方をIFRAMEで表示して重ねている。それでも透過はできない様子。残念。（2006/6/17追記：こことかここを参考に、Flashのオブジェクトのパラメータ指定を付け加えたら透過できるようになりました。）

広告は、YouTube API（Web Services）を経由して動画に付けられたタグを取得し、TEDDY-G脅威のテクノロジー（笑）で重み付けして、重要度が高いと判断したタグによるAmazonの検索結果を表示している。
　なお、パラメータ設定ページはJavascriptのみで書いている。prototype.jsのEvent.observeを使ってみようと思ってそうしたのだが、ここが一番時間がかかったのは秘密だ。

　もともとこれは「動画に広告挿入なんて不要です。偉い人には（ry」というのを証明しようとして作ったもの。最近少しずつインターネット上のビデオ＋広告のマーケットが広がりつつあるが、単純に広告（CM）が挿入されても、ユーザーから見ればウザいだけ。そんなのいらねえよ！と言いたかったわけだ。

　しかし、上述の「TEDDY-G脅威のテクノロジー」の部分がいい加減なので、微妙に的外れな広告が表示されるのが意外におかしいという副次効果が生まれてしまった。例えば、この辺とかこの辺とか。こうして見ると、動画とテキストを完全にマッチングさせるのではなく、敢えてミスマッチさせるのもRemixなのかもしれない。TimbalandプロデュースのGenuwineの"What's so different"にGodzillaの鳴き声が入ってるのもじわじわクるもんなあ。