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

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

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

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

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

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

DMM Web APIサービスとは何か

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

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

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

DMM Webサービスはコチラ

DMM APIの申請方法と制限

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

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

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

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

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

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

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

DMM APIの使い方

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

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

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

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

DMM APIで出来ること

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のリクエストパラメーター

WordPressブログへの導入方法

ここからは実際にHTML・CSS、JavaScriptを使って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を入力するだけで、コピペして使える便利なツールも存在するので、そちらの導入も検討してみてはいかがでしょうか。