気になるガジェット

気になるガジェットについて簡単にまとめたメモブログです

Amazon公式ページで生成するおすすめウィジェットに任意の検索ワードを設定する方法

f:id:the_beatles:20190418190751p:plain:w500

Amazonアフィリエイト自動生成がうまく動作しない

ブログの記事からワードを取得して、自動でアフィリエイトリンクを生成するツールを使わせていただいていたのですが、最近原因不明の理由で使えないことが多かったため、Amazon公式ページで生成するおすすめウィジェットに、自分でキーワードを自由に設定できるようにしました。

Amazonリンク作成ツールで生成されたJavaScriptを記事ごとに貼り付けても良いのですが、この方法を使うことにした最大の理由は、JavaScriptをデザインカスタマイズの記事下固定にし、キーワードのみ記事ごとに設定したかったことが理由になります。

設定方法

記事上でも良いのですが、広告が上に出てくると記事を見る気が失せてしまうため、記事下に設定することにしました。

「デザイン > カスタマイズ(タブ) > 記事(アコーディオン) > 記事下」に設定します。

後述しますが記事中からdocument.getElementById().valueでサーチワードに設定したい値を取得し、amzn_assoc_default_search_keyに取得したワードを設定するように変更してあります。

設定するコード

<script type="text/javascript">   
  var search_word = document.getElementById( 'default-search-key' ).value;  // <----ここを追加しました
  amzn_assoc_ad_type ="responsive_search_widget";
  amzn_assoc_tracking_id ="アフィリエイトID";
  amzn_assoc_marketplace ="amazon";
  amzn_assoc_region ="JP";
  amzn_assoc_placement ="";
  amzn_assoc_search_type = "search_widget";
  amzn_assoc_width ="auto";
  amzn_assoc_height ="auto";
  amzn_assoc_default_search_category ="検索カテゴリー";
  amzn_assoc_default_search_key = search_word;  // <----ここの値を取得したワードにしました
  amzn_assoc_theme ="light";
  amzn_assoc_bg_color ="FFFFFF";
</script>
<script src="//z-fe.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1&Marketplace=JP"></script>

本当は記事の本文からキーワードを取得して設定した方が良いのですが、僕は面倒だったので記事中にhiddenタグを追加し、そこから検索キーワードを取得するようにしました。

記事中に追加するコード

<input id="default-search-key" name="default-search-key" type="hidden" value="検索ワードに指定したい内容">

この設定をすれば、Amazonリンク作成ツールで生成されたコードに、任意のキーワードを設定することができます。