アマツベとは このエントリーをはてなブックマークに追加

動画にAmazonアソシエイト商品リンクを表示するブログパーツ

Youtubeの埋め込み動画に、Amazon商品リンクをオーバーレイ表示できるブログパーツスクリプトです。
表示されるまでの時間や、表示確率が調節可能なので、鬱陶しくなりすぎる心配も無し。

こんな風に表示されます

アマツベで表示されるアフィリエイトのデザイン

必要なのはコード貼付けだけ。あとはメンテフリーでOK

1度ページにコードを貼り付けるだけの簡単実装! 選択したカテゴリのAmazonランキングトップ商品が自動的に表示されます。
定期的に更新されるため、常に売れ筋商品のみを紹介することができます。

Youtube以外にも多数対応

多数サイトのiframe埋め込み動画に対応しています。
対応サイト:Twitch / Vimeo / Dailymotion / Streamable / Liveleak 他

コミック、ゲームなど複数ジャンルを選択可能

現在、フィギュア/コミック/ゲーム/プラモ/音楽/Prime Video/DVD/ホーム&キッチン/おもちゃの9ジャンルから表示したい商品を複数選ぶことができます。
アマツベR
「うちのサイト、健全なのは売れにくいんだよね~」というサイトさんは、大人向け商品のみを表示するバージョンをどうぞ。こちらはDMMアフィリエイトにも対応しています。

コードを生成する

使い方

1. 下記の設定をお好みで変更する
2. 貼付けコードを、ご自分のサイトの</body>タグ直前にコピペする
3. 動画クリックで広告が表示される

設定

表示ジャンル:(現在のベストセラー商品一覧)
プレビュー貼り付けコード生成
※プレビューではリンクを無効にしています。お手数ですが、IDの紐付け確認はご自分のサイト上でお試しください

Q&A

コピペしても動かない
アマツベ以外のjQuery関連のスクリプトを確認して、$('***').~というような記述はjQuery('***').~に修正して下さい。
Youtube以外の動画にも使いたい
広告対象を「全対応サイト」にしてください。その上でiframe自体に class="amtbtgt" を指定すれば、対応サイト以外でも広告対象にできます。
</body>タグ直前に記述ができない
はてなブログなどで</body>タグ直前に自由に記述が出来ない場合は、スクリプトが書ける場所に以下のように記述して下さい。
<script>
document.addEventListener('DOMContentLoaded', function() {
  codeAppend();
  function codeAppend(){
   var link = document.createElement('link');
   with( link ) {      
      href = '//am-tb.tk/js/style.css';
      type = 'text/css';
      rel = 'stylesheet'; 
    }
    var head = document.getElementsByTagName('head'); 
    head.item(0).appendChild(link);
    var script = document.createElement('script');
    script .src = "//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"; 
    document.body.appendChild(script);
    var script = document.createElement('script');
    script .src = "生成された貼り付けコードの3行目に書いてあるsrcをコピペ 例)//am-tb.tk/?type~"; 
    document.body.appendChild(script);
  }
});
</script>

利用規約

・初心者が勉強の為に作ったスクリプトです。自己責任でご使用ください。利用することで発生したトラブルに関して、当サイトは一切の責任を負いません。
・約2%の割合で、弊サイトが管理する各種広告が表示されます。
・Amazon側で仕様変更があった場合、広告デザインが崩れるなどの影響が出る可能性があります。
・仕様および利用規約は、事前の予告なしに変更されることがあります。
このエントリーをはてなブックマークに追加
@amtbtk