audiobook.jpの作品リンク生成Bookmarklet「audiobookjp_linkmaker」を配布します

audiobook.jpのアフィリエイトプログラムはA8.netに移管され、個別の作品へのリンクを生成する場合、A8.netの商品リンクの仕組みを用いる必要があります。

これがなかなかに面倒くさい作業であったため、audiobook.jpの個別作品ページ上でBookmarkletを実行すると、即座に書影と作品へのリンクを生成するbookmarkletを作成しました。

■ブックマークレットの登録方法

ブックマークレットを登録する際は、適当なブックマーク(例えば、このページなど)を作成し、URL欄に以下コードを貼り付けてください。

javascript:(function()%7Bjavascript:(function()%7Bfunction o(s)%7Bvar d%3Dwindow.open().document%3Bd.writeln(%27<textarea rows%3D15 cols%3D80>%27%2Bs%2B%27</textarea>%27)%3Bd.writeln(s)%3Bd.close()%7Dvar url %3D window.location.href%3Bvar contentnum %3D url.match(".%2B/(.%2B%3F)(%5B%5C%3F%23%3B%5D.*)%3F%24")%5B1%5D%3Bvar contentname %3D document.title%3Bvar myurl %3D %27★ここにA8の固有コードをはりつけ★%27%3Bvar contents %3D %27<div style%3D%5C"display: block%3B font-size: 15px%3B border-radius: 3px%3B background: transparent%3B margin: 20px 0%3B font-weight: normal%3B line-height: 1.5em%3B overflow: hidden%3B border: 1px solid %23f5f5f5%3B padding: 20px%3B word-wrap: break-word%3B%5C">%27%3Bcontents %3D contents%2B%27<a href%3D%5C"https://px.a8.net/svt/ejp%3Fa8mat%3D%27 %2B myurl %2B %27%26a8ejpredirect%3Dhttps://audiobook.jp/product/%27 %2B contentnum %2B %27%5C">%27%3Bcontents %3D contents%2B%27<img src%3D%5C"https://images.otobank.co.jp/febe/medium/book_img/%27 %2B contentnum %2B %27.png%5C" alt%3D%5C"書影%5C" style%3D%5C"width: 120px%3B margin: 0 20px 0 0%3B float: left%3B box-shadow: 0 1px 3px rgba(0,0,0,0.2)%3B%5C"></a></p>%5Cn<div style%3D%5C"overflow: hidden%5C">%27%3Bcontents %3D contents%2B%27<a href%3D%5C"https://px.a8.net/svt/ejp%3Fa8mat%3D%27 %2B myurl %2B %27%26a8ejpredirect%3Dhttps://audiobook.jp/product/%27 %2B contentnum %2B %27%5C" style%3D"margin: 0 0 5px%3B line-height: 1.5em%3B display: block%3B%5C">%27%2Bcontentname%2B%27</a></div></div>%27%3Bo(contents)%3B%7D)()%3B%7D)()%3B 

 

Google Chromeの例でいけば、適当にブックマークを作成して

作成したブックマークの名前欄に「audiobookjp_linkmaker」等任意の文字列を入力し、URL欄に先のコードを貼り付けます。

「★ここにA8の固有コードをはりつけ★」と書かれている箇所にA8で生成した商品リンクの一部コードを埋め込みます。

固有コードといっているのは、A8で生成した商品リンクの中で「?a8mat=」から「&a8ejpredirect」までの間に含まれている文字列となります。

入力した後のイメージはこんな感じです。

■使い方

使い方はシンプルで、audiobook.jpの作品ページ上でブックマークレットを実行するだけ。

新しいページが開かれて、書影とアフィリエイトリンクをレイアウトしたHTMLが生成されるのでこれをブログ記事等に貼り付けて下さい。

■(おまけ)正規のやり方

正しい商品リンクのつくりかたとしては・・

audiobook.jpの作品ページからURLと書影の画像リンクを取得して

A8にログイン後、「参加中プログラム」からaudiobook.jpのアフィリエイトプログラムの「商品リンク」を選択し、

例えばバナー広告であれば、入手した書影の画像リンクと、作品ページのURLを入力するとアフィリエイトリンクを含むバナー広告表示用のスクリプトが生成されます。

スクリプト中に画像サイズをハンドリングできそうな項目が見つからないので、audiobook.jpの作品ページ上の書影をバナーに使うと、常時こんなサイズのバナー広告が作成されることになるかなと。

ちなみに、画像とテキストを同時に表示したい場合、バナー広告とテキスト広告を別々に生成するか、或いは自分でテキストや画像を用意しておいて、そこに生成されたアフィリエイトリンクを貼り付ける形になります。(つまり、面倒くさい)

■最後に

「audiobookjp_linkmaker」は、自分が今後オーディオブックの紹介記事を書く際の効率を上げるために作成したブックマークレットです。どれ程のニーズがあるか分かりませんが、audiobook.jpの作品紹介をしたいとお考えの方のお役に立てば幸いです。

適当に作ったスクリプトなので、バグ等々あるかも知れませんし、今後のA8やaudiobook.jpの仕様変更で動かなくなるかも知れません。お気づきの点があればお知らせ頂ければ幸いです。

audiobook.jpのアフィリエイトプログラムに参加したい場合はA8.netへの登録が必要です。


audiobook.jpの登録はこちら



Also published on Medium.