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の鳴き声が入ってるのもじわじわクるもんなあ。
「WEBサービス」カテゴリの記事
- Virtual化する社会（Short ver.）(2008.03.14)
- U2Bplayer、改修＋ややupdate(2007.12.24)
- PEAR::Services_Lingrで日本語を扱うときの注意(2007.07.06)
- 今見ているページにGoogle Mapsを追加するBookmarklet(2007.06.29)
- Google Mapsをブログに貼ってみる、超微妙にアップグレード、あとGoogle Date Map（笑）(2005.10.14)
「インターネット」カテゴリの記事
- Virtual化する社会（Short ver.）(2008.03.14)
- U2Bplayer、改修＋ややupdate(2007.12.24)
- PEAR::Services_Lingrで日本語を扱うときの注意(2007.07.06)
- 今見ているページにGoogle Mapsを追加するBookmarklet(2007.06.29)
- Google Mapsをブログに貼ってみる、超微妙にアップグレード、あとGoogle Date Map（笑）(2005.10.14)
「音楽」カテゴリの記事
- ブログ上でYoutubeのお気に入りビデオを再生するU2B Player(2006.03.23)
- 2006年最後のMashUp、Last.Tube(2006.12.31)
- 映像とか音楽とかのサービスのMashUpについて、あと最近聴いてる曲(2006.12.29)
- YouTubeの動画をブログに貼ってAmazonアフィリエイト(2006.04.05)
- TEST OF GOFISH TAG(2006.02.22)
Comments
はじめまして。今ASPサービス、早速ご紹介させていただきました。非常に興味深いです。本文中でも述べましたが、表示アイテムのタグ設置側による指定(複数・単数)や、検索キーワードそのものの設置側の指定が出来れば、もっと「使える」ツールになるかな、と考えています。
色々と「期待」していますのでよろしくお願いします:D
Posted by: 不破雷蔵 | 2006.10.22 at 03:21 AM
ありがとうございます。早速ですが、使わせていただきました。
youtubeのこともよく知らなかった自分ですが、amazonのブログからこちらを紹介いただきました。
Posted by: 善平 | 2006.10.28 at 05:21 PM
おもしろいですね～★すごいですね～★
早速試させていただきました♪
でも・・・でも・・・
私のブログの背景が「黒」なので、そこが不自然に＞＜
Posted by: sol | 2006.11.24 at 06:23 PM
teddyさん
はじめまして＾＾
ネットサーフィンしてきました。
このツール面白いですね。自分も利用してみようと思います。ありがとうございました。
Posted by: ide | 2006.11.24 at 07:41 PM
今日ブログを作り早速試させて頂きました。
ただ…amazonの広告が変らないのは何故なんでしょう？！
有難う御座いましたm(_ _)m
Posted by: ★hiro | 2007.03.05 at 02:32 AM
>★hiro様
amazonの広告が変わらないのは、amazonの検索結果が一つしかないせいだと思われます。YouTubeの動画に貼られたタグをもとに検索していますので、タグによっては検索結果が見つからず、広告が表示されないこともあります。
Posted by: TEDDY-G | 2007.03.23 at 02:48 AM
おもしろいですね！さっそく使わせていただきました。
ダイエットのＤＶＤなんかも、画像を見せながら宣伝できるというのがすごくインパクトがあっていいです！
売れやすくなるのは事実です！
Posted by: ゆづき | 2007.05.30 at 04:09 PM
再び参上、ゆづきです。
このyou Tubeへのアマゾンアソシエイトの貼りかた、
知りたい人がいっぱいいるんですが、
メルマガなどで紹介してもいいのでしょうか？
結構自慢したがりなんで、
ここのサイトを紹介しながら、自分でwin shotなんかを使いながら、無料レポートとして提供したりしてもいいんでしょうか？
もし了承いただけましたら、ぜひ無料レポートとして紹介したいのですが、どうでしょうか？
Posted by: ゆづき | 2007.06.16 at 11:22 PM
>ゆづき様
回答遅れ申し訳御座いません。
メルマガその他での紹介ですが、自由に紹介して頂いて結構です。可能であれば、メルマガのバックナンバー等、内容が分かるものをコメント欄・メール等で御連絡戴けると助かります（勿論、ブログでの紹介の場合はTrackbackを打って頂くだけで結構です）。
宜しくお願い致します。
Posted by: TEDDY-G | 2007.06.21 at 04:41 PM
あるアフィリエイト系無料レポートから、たまたまYoutube+adsのことを知りました。
（っていうかこれ１年近く前につくってたんですね！凄い！！！）
で、早速自分のブログに貼ってみました！（8/2）
ただ…化粧品のアフィリを表示させたかったのですが、商品カテゴリーを選ぶところに「ヘルス＆ビューティー」がなかったので、とりあえず「ホーム＆エレクトロニクス」にしてる次第です…
生成されたタグの「kitchen-jp」を何と置き換えたらいいでしょうか？
アマゾンのカテゴリー欄を調べてみたんですが、「health-jp」でしょうか？はたまた「beauty-jp」でしょうか？
お忙しいところ＆昔の話題ですいませんが、教えていただけるとうれしいです。
Posted by: まつむら | 2007.08.04 at 08:22 PM
ヨロシク
Posted by: JACK | 2009.05.19 at 04:17 AM