HTML・CSS JavaScript WordPress 初心者

DMM APIの使い方とWordPressブログへの導入方法

DMM APIの使い方とWordPressブログへの導入方法

DMMにある作品情報を簡単に取得できる「DMM Web API」はご存知でしょうか?

これからDMMアフィリエイトの申請を考えている人や、DMMの商品情報を使ってWebサービスを作りたい方にとって「DMM API」の利用は必須です。

DMM APIを使うことによってユーザーの徘徊率(PV)増加や、収益増加を図ることができるため、サイトの規模にかかわらず導入することをオススメします。

それにDMM APIの料金は無料なので、まだブログの収益がない人でも手軽に試すことができます。

そこで今回は、アフィリエイト初心者でも簡単にできるDMM APIの使い方とWordPressブログへの導入方法について詳しく解説していきます。

【大暴露】アフィリエイトで「1ヵ月目で稼げた」って言ってる人は特化型ブログで儲けてる
【大暴露】アフィリエイトで「1ヵ月目で稼げた」って言ってる人は特化型ブログで儲けてる

アフィリエイトで「数ヶ月で100万円稼げました!!努力を継続してきて良かった!!」的なことを言ってる人、よく見かけませんか? 「怪しいな」「絶対ウソだろ」「どうやってるんだろうか?」と色んなことが頭を ...

続きを見る

 

 

DMM Web APIサービスとは何か

DMM Web APIサービスとは何か

DMM Web APIとは「合同会社DMM.com」が提供している作品や俳優(女優)情報をプログラムから取得することができる無料のWebサービスです。

DMM APIは作品情報が取得できる以外にも、俳優のプロフィール情報の取得や、キーワードや体型からの検索にも対応しています。

また、豊富な情報をほとんど制限がなく取得できるので、プログラムコードの応用次第でユーザーに質の高いサービスを提供することが可能になります。

DMM Webサービスはコチラ

 

DMM APIの申請方法と制限

DMM APIの申請方法と制限

DMM Web APIサービスを利用するためには、DMMアカウントの作成と、DMMアフィリエイトの申請の2つの作業が必要になります。

少々面倒な作業になるかもしれませんが、ブログを収益化するためには必ず必要な作業になります。

また、申請する上で最低限守っておかなければならない制限もあるので、その点も必ず確認するようにしておきましょう。

 

DMM APIの利用にあたっての制限

DMM APIを利用するためには、サイトやアプリケーションに「クレジット」を表示する必要があります。

また、クレジットを表記する場合は規定のHTMLをそのまま使い、改変などの行為は禁止されています。

最悪、これらの利用規約に違反した場合はDMM Webサービスの利用が停止される場合もあります。

 

DMM APIの使い方

DMM APIの使い方

DMM APIを使うためには、サービスの利用登録をした際に発行された「API ID」「アフィリエイトID」が必要になります。

API IDはこちらのサイトからログインを行い「API IDを確認」のボタンを押してIDを取得しましょう。

アフィリエイトIDは「DMM アフィリエイト」の管理画面にログインした状態で、こちらのページにアクセスしてIDを確認しましょう。

また、DMM APIで使えるアフィリエイトIDは末尾が「990~999」に限られますので、注意しましょう。

 

DMM APIで出来ること

  • DMM.comの商品情報の取得
  • 俳優(女優)情報の取得
  • ジャンルの一覧情報を取得
  • メーカーの一覧情報を取得
  • シリーズの一覧情報を取得
  • 作者の一覧情報を取得
  • フロアの一覧情報を取得

 

DMM.com 俳優(女優)検索APIの使い方

DMM APIと言えば、大体の方は俳優(女優)検索APIの使い方を思い浮かべるのではないでしょうか?

例えば、俳優(女優)検索APIにリクエストを送る際は、下記のような形でURLにアクセスすることでレスポンスを受け取ることができます。

https://api.dmm.com/affiliate/v3/ActressSearch?api_id=[APIID]&affiliate_id=[アフィリエイトID]&keyword=%e3%81%82%e3%81%95%e3%81%bf&gte_bust=90&lte_waist=60&sort=-bust&hits=10&offset=10&output=json

 

俳優(女優)検索APIのリクエストパラメーター

クエリーパラメーター説明
api_id登録時に割り振られたAPI ID

※入力必須

affiliate_idアフィリエイトID (末尾が990~999)

※入力必須

initial頭文字50音
actress_id各俳優(女優)に割り振られているID (例:15365)
keyword俳優(女優)を検索する際のキーワード
gte_bustlte_bustバスト

  • gte_bust=90ならバスト90cm以上、
  • lte_bust=90ならバスト90cm以下
  • gte_bust=90&lte_bust=100なら
  • バスト90cm以上~100cm以下
gte_waistlte_waistウエスト、同上
gte_hiplte_hipヒップ、同上
gte_heightlte_height身長、同上
gte_birshdaylte_birthday生年月日 (例:1995-01-01)
hits取得件数

初期値:20 最大:100

offset検索開始位置 (初期値:1)
sortソート順

  • 名前昇順:name
  • 名前降順:-name
  • バスト昇順:bust
  • バスト降順:-bust
  • ウエスト昇順:waist
  • ウエスト降順:-waist
  • ヒップ昇順:hip
  • ヒップ降順:-hip
  • 身長昇順:height
  • 身長降順:-height
  • 生年月日昇順:birthday
  • 生年月日降順:-birthday
  • 女優ID昇順:id
  • 女優ID降順:-id
outputjson または xml
callbackコールバック

 

WordPressブログへの導入方法

WordPressブログへの導入方法

ここからは実際にHTML・CSSJavaScriptを使ってWordPressへの導入方法について解説していきます。

導入方法は非常に簡単でWordPress管理画面の「外観 > ウィジェット」または「外観 > テーマエディター」の商品情報を挿入したい箇所にコードをペーストするだけで導入が完了します。

今回は簡単に「管理人のオススメ俳優(女優)」を紹介コーナー作るということを想定して、年齢順に若い俳優(女優)を8人表示するプログラムコードを書いていきます。

 

HTML・CSS、JavaScript

<div class="osususme-wrap">
    <div class="osususme-result">
    </div>
    <script>
    jQuery(function ($) {
    const apiID = 'q6eqhmvcA1dwpwd1n7'; //API ID
    const affID = 'wfgeekgh-990'; //アフィリエイト ID
    const hits = 8;
    const notfound_img_url = ''; //画像が無かった場合に挿入するイメージ

    let requestURL = null;
    let keyword = '';
    let bust = {
        min: null,
        max: null
    };
    let waist = {
        min: null,
        max: null
    };
    let hip = {
        min: null,
        max: null
    };
    let height = {
        min: null,
        max: null
    };

    function osusume() {
        requestURL = `https://api.dmm.com/affiliate/v3/ActressSearch?api_id=${apiID}&affiliate_id=${affID}&hits=${hits}&sort=-birthday&offset=1&output=json`;
        $.ajax({
          type: 'GET',
          url: requestURL,
          success: function(data) {
          	if(data.result.actress) {
          		for(let i = 0; i < data.result.actress.length; i++) {
          			let imageURL = '';
          			if(data.result.actress[i].imageURL) {
          				imageURL = data.result.actress[i].imageURL.large;
          			} else {
          				imageURL = '';
          			}
          			let name = data.result.actress[i].name;
              		let link =  data.result.actress[i].listURL.digital;
              		$('.osususme-result').append(`
              			<div class="osususme-actress-info">
              				<a href="${link}" target="_blank">
              					<div class="image-wrapper">
              						<img src="${imageURL == '' ? notfound_img_url : imageURL}" style="width: 100%; height: auto; display: block;">
              					</div>
              					<p><b>${name}</b></p>
                  			</a>
              			</div>
              		`);
          		}
          	}
          }
        });
    });
    osusume();
    });
    </script>
</div>

 

まとめ

今回はDMM Web APIの使い方について解説してきましたがいかがでしたでしょうか?

これからAPIを導入してサイトの収益を増やしていきたい人や、ブログアフィリエイトの分野に興味はあるけどDMM APIで実際に何ができるか気になっていた人にとって参考になる内容になったかと思います。

APIでサイトに新しい機能を組み込むためには、ある程度HTML・CSS、JavaScriptを扱う能力があった方が有利ですが、単に最新商品などを表示するだけであればアフィリエイトIDを入力するだけで、コピペして使える便利なツールも存在するので、そちらの導入も検討してみてはいかがでしょうか。

 

【31日間無料】U-NEXTで話題の映画、アニメ、漫画を見まくろう!

無料トライアル実施中!<U-NEXT>

  • この記事を書いた人

ゲンキ

物作りと情報発信が好きなWEBエンジニア。
高卒で肉体労働や不安定な職を転々とする生活の中、一念発起し独学でプログラミングの学習を開始。
低学歴・学習能力ゼロ・貯金ゼロ・人脈ゼロ・語彙力ゼロ・コミュ力無し・PCスキル無し・うつ病・HSP・発達障害(ASD / ADHD)という極限状態に絶望するも、自力でスキルを身に付ける努力を続ける。
プログラミング習得後はWEB制作(フロントエンド / バックエンドの実装)の仕事をして、休みの日は、趣味でアプリの開発をしたり、日々学んだことをブログとして、まとめる生活をしています。

-HTML・CSS, JavaScript, WordPress 初心者

Copyright© Webサイトで稼ぐ技術 , 2021 All Rights Reserved Powered by AFFINGER5.