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の上に単純にテキストを重ねようとしても無理なので、2ちゃんねるの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)
TrackBack
TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/20589/9445691
Listed below are links to weblogs that reference YouTubeの動画をブログに貼ってAmazonアフィリエイト:
» YouTubeを使い切るためのブログ×5 [リンク集のまとめ]
TEDDY-G本家: YouTubeの動画をブログに貼ってAmazonアフィリエイト
ブログパーツをさがせ : ブログ上でYoutubeのお気に入りビデオを再生するU2B Player
aki-初心者向けYoutubeとFLV: Youtube動画をブログ(blog)でリンク・紹介する!
ブログビジネスファンド | YouTubeはSNSか
タグ検索結果 ブログ検索エンジン - テクノラティ... [Read More]
Tracked on 2006.05.09 at 01:04 PM
» YouTubeとアマゾン・アソシエイト・プログラムをマッシュ・アップ [バンザイ!!デジタル新製品!!]
TEDDY-G より CNET やjapan.internet.com のニュー [Read More]
Tracked on 2006.10.18 at 01:42 AM
» YouTube+Ads(Bookmarklet) [タカハシカズヒコブログ]
GR-D
昨日のカラーに自我便乗
最近話題のyoutubeにアマゾンのアフェリを乗っける技だそうです。(リンク)(リンク)
クリックしてキミもテケろう!! [Read More]
Tracked on 2006.10.18 at 08:27 AM
» 動画に連動する広告……テレビとネットの連動模索を個人でやってみる [Garbagenews.com]
先に【「TV CMはもう駄目なのか」、だとしたら「なぜ」なのか、そして「ライバルたるインターネットとどう付き合うべきなのか」】で、「テレビとインターネットは互いにWin-Winの関係になるべきだ」とい...... [Read More]
Tracked on 2006.10.22 at 03:04 AM
» YouTubeの動画をブログに貼ってAmazonアフィリエイト [リアルなねたで勝負blog]
大人気のYouTubeの動画にCMを!!
webを適当に検索しているとビックリするようなタイトルが目に飛び込んだ。
TEDDY-G本家: YouTubeの動画をブログに貼ってAmazonアフィリエイトYouTubeの動画をブログに貼ってAmazonアフィリエイト
早速うまくいくか試してみたくなり試さ...... [Read More]
Tracked on 2006.10.27 at 01:08 PM
» YouTube動画に勝手アフリエイト! [KandaNewsNetwork]
CNTの読者ブログで、「過渡期としてのWeb2.0」というコラムを書き、いただい [Read More]
Tracked on 2006.10.28 at 10:35 PM
» YouTubeの動画に広告が貼れる「YouTube+Ads(Bookmarklet)」 [[N]]
YouTubeの動画をブログに貼ってAmazonアフィリエイトというエントリーより。 Bookmarkletを実行してパラメータ設定+プレビューのページに飛び、必要なパラメータを設定して、自動生成されるタグを自分のブログ or Web Siteに貼るだけ。...... [Read More]
Tracked on 2006.10.30 at 09:01 PM
» Youtubeをブログに(中略)Amazon、インターナショナル [TEDDY-G本家]
アメリカに行ったようなエントリを投稿して以来ぱったりブログが更新されないので「こ [Read More]
Tracked on 2006.10.31 at 05:49 AM
» YouTube + Amazonアフィリエイト [Mind Clip]
YouTubeの動画をブログに貼ってAmazonアフィリエイト
TEDDY-GさんがYouTube+アフィリエイトを実現されたようです。
いや、こういうものを思いついたら直ぐ作れるのは凄く羨ましい。
しかし、上述の「TEDDY-G脅... [Read More]
Tracked on 2006.10.31 at 08:58 PM
» ≫YouTube+Ads≪ byTEDDY-G本家 [Source Ocean Laboratory - Weblog]
またまた登場SONY「BRAVIA」のCMって、もちろんこれのエントリではなくて、動画の上に表示されている広告!アマゾンアフィリエイトの広告が差し込まれてます。これを作成された方は、TEDDY-G本家さん。すごいなー★ってかおもしろいなー★
http://www.got2do.com/lab/U2Bads.htm?vid=([^
詳しくは、TEDDY-G本家さんの「YouTubeの動画をブログに貼ってAmazonアフィリエイト」このエントリに書いてあります。... [Read More]
Tracked on 2006.11.24 at 06:20 PM
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
おもしろいですね!さっそく使わせていただきました。
ダイエットのDVDなんかも、画像を見せながら宣伝できるというのがすごくインパクトがあっていいです!
売れやすくなるのは事実です!
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のことを知りました。
(っていうかこれ1年近く前につくってたんですね!凄い!!!)
で、早速自分のブログに貼ってみました!(8/2)
ただ…化粧品のアフィリを表示させたかったのですが、商品カテゴリーを選ぶところに「ヘルス&ビューティー」がなかったので、とりあえず「ホーム&エレクトロニクス」にしてる次第です…
生成されたタグの「kitchen-jp」を何と置き換えたらいいでしょうか?
アマゾンのカテゴリー欄を調べてみたんですが、「health-jp」でしょうか?はたまた「beauty-jp」でしょうか?
お忙しいところ&昔の話題ですいませんが、教えていただけるとうれしいです。
Posted by: まつむら | 2007.08.04 at 08:22 PM