Amazon アダルト商品ブログパーツ

アダルトサイトのオーナー様向けコンテンツ。
このページではアダルトサイトのオーナー様向けにサイトの制作・運営に役立つAPIやブログパーツ、素材等の提供をしております。
アダルトサイトの制作や運営に是非ご活用ください。

Amazonのアダルト商品に特化したアフィリエイト広告をあなたのブログ（エログ）やウェブサイトに簡単に掲載できるブログパーツ（Amazon アダルト商品 API）を提供しています。
表示スタイルは当サイトトップページの左カラムのような形式「リスト表示」とトップページ下部にあるえっちなアイテムレビューのような「商品レビュー表示」の2種類。
ネットユーザーにはお馴染のAmazonですので、ユーザーも安心して利用・購入できます。
あなたのサイトのHTMLにjavascriptタグを入れるだけで利用でき、表示スタイルはスタイルシートで自由にカスタマイズしていただけます。
どんなサイトにも簡単に設置できますのでアダルトblog（エログ）やサイトをお持ちの方は是非ご活用ください。
すでにAmazonのアソシエイトアカウントをお持ちの方はすぐにご利用できますが、まだAmazonのアソシエイトアカウントをお持ちでない方はAmazonでアカウントを取得（※要審査）してからご利用ください。
審査は比較的緩いです。

Amazonアソシエイトプログラムはこちら → Amazon アソシエイトプログラム

メンテナンスフリーで最新のアダルト商品を表示

Amazonで売れ筋の商品から常に最新の情報を取得できるので広告の入れ替え等のメンテナンスが要りません。
さらにパラメータをカスタマイズして取得する商品を絞り込むことができます。
広告スペースも広く必要になりますが、レビュー付の広告は商品を見ずに買うネット通販では大きなプッシュとなります。
また、リストやレビューをランダムな並び順で表示するなどでサイトの見た目をスタティックにせず更新感を出すことができます。

設置方法 - リスト形式表示

まずは下記のタグをあなたのサイトのHTMLに挿入してください。
カスタマイズ用のパラメータとスタイルについては後述。


<!-- この部分は<head>～</head>に記述するのが最適、<body>～</body>でも可 -->
<script src="http://api.eroppa.net/ecs?a=あなたのトラッキングID" type="text/javascript"></script>

<!-- この部分は<body>～</body>の間で広告を表示させる場所に記述 -->
<script type="text/javascript">
//<![CDATA[
    erpAmazon.viewList(); // 注意！レビューとは関数が違います
//]]>
</script>

次にあなたのサイトのCSSに下記のCSSを組み込んでください。


/* すべての広告を囲う外枠 */
div.ads-amz-l {
    margin: 0;
    padding: 0;
    width: 230px;
}
/* アンカー@この背景に商品画像が入ります */
div.ads-amz-l a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    display: block;
    overflow: hidden;
    height: 80px;
    padding: 6px 6px 6px 96px;
    color: #ff75cb;
    text-decoration: none;
}
/* IE6対応用@↑のpadding上下 + height = height */
* html body div.ads-amz-l a {
    height: 92px;
}
div.ads-amz-l a:hover {
    background-color: #ffb7e6;
    color: #ff57c4;
}
/* 広告1コマの枠 */
div.ads-amz-l div.amz-list {
    margin: 3px 0 0 !important;
    padding: 0;
    border: 1px solid #ff4fbd;
    background: #ffe6f6;
}
/* 広告1コマの中枠 */
div.ads-amz-l div.amz-list p {
    margin: 0;
    padding: 0;
}

以上でリスト形式の広告が表示されます。
「あなたのトラッキングID」部分は取得済みのトラッキングIDに書き換えてください（*****-22というID）
リストが表示されたらパラメータを調整したり、CSSで見た目をカスタマイズしましょう（※後述）

1ページに最大で表示できるのは、リスト形式を1つとレビュー形式を1つの組み合わせです。
どちらかを2つ以上表示することはできません。

設置方法 - レビュー形式表示

まずは下記のタグをあなたのサイトのHTMLに挿入してください。
カスタマイズ用のパラメータとスタイルについては後述。


<!-- この部分は<head>～</head>に記述するのが最適、<body>～</body>でも可 -->
<script src="http://api.eroppa.net/ecs?a=あなたのトラッキングID&d=review&n=3&i=130" type="text/javascript"></script>

<!-- この部分は<body>～</body>の間で広告を表示させる場所に記述 -->
<script type="text/javascript">
//<![CDATA[
    erpAmazon.viewReview(); // 注意！リストとは関数が違います
//]]>
</script>

次にあなたのサイトのCSSに下記のCSSを組み込んでください。


/* すべての広告を囲う外枠 */
div.ads-amz-r {
    margin: 0;
    padding: 0;
    width: 580px;
}
/* アンカー */
div.ads-amz-r a {
    color: #ff75cb;
    text-decoration: none;
}
div.ads-amz-r a:hover {
    text-decoration: underline;
}
/* 広告1コマの枠 */
div.ads-amz-r div.amz-review {
    margin: 10px 0 0 !important;
    padding: 6px;
    border: 1px solid #ff4fbd;
    background: #ffe6f6;
}
/* タイトル */
div.ads-amz-r div.amz-review h4 {
    margin: 0;
    padding: 0;
    font-size: 160%;
    font-weight: bold;
}
/* サマリー */
div.ads-amz-r div.amz-review p.r-summary {
    margin: 1px 0 0 !important;
    padding: 0;
    font-size: 130%;
    font-weight: bold;
    color: #cd83a1;
}
/* 本文 */
div.ads-amz-r div.amz-review p.r-content {
    margin: 4px 0 0 !important;
    padding: 0;
}
/* 商品画像 */
div.ads-amz-r div.amz-review p.r-content img.r-img {
    float: right;
    border: 1px solid #f696d2;
    margin-left: 10px !important;
}
/* 評価 */
div.ads-amz-r div.amz-review p.r-content span.r-rate {
    font-size: 10%;
}
div.ads-amz-r div.amz-review p.r-content span.r-rate img {
    margin-top: 8px !important;
}
/* 価格 */
div.ads-amz-r div.amz-review p.r-content span.r-price {
    line-height: 2.2em;
    font-size: 120%;
    font-weight: bold;
    color: #ff718a;
}
/* 回り込み解除 */
div.ads-amz-r div.amz-review *.clear {
    border: none;
    margin: 0;
    padding: 0;
    clear: both;
    visibility: hidden;
}
/* +回り込み解除 for IE6 */
* html body div.ads-amz-r div.amz-review *.clear {
    display: block;
    margin: -15px 0 0;
}

以上でレビュー形式の広告が表示されます。
「あなたのトラッキングID」部分は取得済みのトラッキングIDに書き換えてください（*****-22というID）
レビューが表示されたらパラメータを調整したり、CSSで見た目をカスタマイズしましょう（※後述）

1ページに最大で表示できるのは、リスト形式を1つとレビュー形式を1つの組み合わせです。
どちらかを2つ以上表示することはできません。

パラメータのカスタマイズ

URLのパラメータを変更することで取得する広告の数を変更したり、絞り込むことが可能です。
http://api.eroppa.net/ecsに続き最初のパラメータを「.../ecs?パラメータ名=値」と記述し、以降のパラメータは「&パラメータ名=値&....」で繋げます。

例）　画像サイズ130pxでDVDのレビューを3件取得
....src="http://api.eroppa.net/ecs?a=あなたのトラッキングID&c=dvd&d=review&i=130&n=3"....

パラメータの詳細
パラメータ名	設定できる値	デフォルト値	説明	省略可
a	あなたのトラッキングID	-	****-22という書式のトラッキングID	×
b	true （有効） false （無効）	false	レビュー本文の改行を有効にする ※レビュー形式のみ	○
c	mixed （ミックス） toy （オモチャ） dvd （DVD） game （PCゲーム）	mixed	取得するカテゴリー ※いずれか1つ	○
d	list （リスト形式） review （レビュー形式）	list	取得する広告形式 ※どちらか1つ	○
e	utf8 euc sjis	utf8	エンコーディング ※基本的に設定する必要なし、文字化けした場合のみ設定	○
i	40～300	80	取得するイメージのサイズ ※ピクセル単位の数値のみ	○
n	0～10	5	取得する件数 ※最大10件まで	○
s	true （有効） false （無効）	true	アイテムをシャッフル ※シャッフルしない場合、表示がスタティックになりがち	○

スタイルのカスタマイズ

こちらのツールで表示確認をしながらスタイルを調整することができます。
完成したスタイルをサイトのCSSに組み込んだ後に設置サイトで調整を行ってください。
スタイルシート（CSS）のリファレンスはこちら → スタイルシート CSS リファレンス - Google検索

リスト用スタイルカスタマイズツールレビュー用スタイルカスタマイズツール

ご利用にあたって

当サイトが提供するAPIサービスについて、当サイトはその結果を一切保証しておりません。
当サイトのAPIをご利用の際はすべてご自身の責任においてご利用ください。
いかなる場合におかれましても当サイトはその責を負いませんのでご了承ください。
また当サイトに不利益になると考えられる利用法は一切認めません。

当サイトが提供するAPIサービスを利用した場合、ランダムで1つに当サイトのトラッキングIDを入れさせていただきます。
取得する広告数が1つだけの場合は20%の確率で当サイトのトラッキングIDとなります。
APIサーバーの運用費となっておりますのでご了承ください。

上記事項に同意される方のみ当サイトのAPIサービス利用を許諾します。

ご要望等がございましたらこちらへ → お問合せ