Categories
Webマーケティング

WordPressでAmazonサーチウジェットに自動でカテゴリー名を挿入する

Amazonのサーチウィジェット WordPressで「アマゾンの広告を入れたい」と誰もが思ったことがあると思います。特定の商品ページへのリンクであればプラグインもありますが、検索ウィジェットを入れるとなると、サーチウィジェットを使うしかありません。 ですが、サーチウィジェットでは検索ワードを自動的に入れられないので、Quick Adsenseなどのプラグインではソースコードを直接入れても下記の画像のように検索ワードが空欄のままなので、実質使い物になりません。 固定で文字を入れても良いのですが、それだと記事に合わない検索ワードになってしまい、あまり効果がありません。

JavaScriptを使ってカテゴリーを取得

検索ワードにカテゴリーを入れる方法を紹介します。私は今はCocoonを使っていますので今回はCocoonで説明します。 まずは、JavaScriptを使ってカテゴリーを取得します。
  • Windowsではブラウザ上でF12キーをクリックするとデバッグモードになります。
  • 次に右上にある「Console」タブをクリックします。
  • その下にある空欄に下記のコードをコピペして「Enter」を押して実行します。
  • 「undefined」と結果が出るはずですので、次に「text」と入力して「Enter」を押します。
var arr = [];
document.querySelectorAll('#breadcrumb > .breadcrumb-item > a > [itemprop="name"]').forEach(element=> arr.push(element.innerText));
var text = arr.join(' ');
これで下記のようにカテゴリー文字が表示されればOKです。

Amazonアソシエイトのサーチウィジェットのコードを取得

Amazonアソシエイトのページからウィジェット→商品検索ウィジェットのページに進みます。 サーチウィジェットを選択すると下記のページが表示されますので、右下にある「広告コード」をコピーしてメモ帳などに保存します。
<script type="text/javascript">
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 ="";
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>
このコードに先程作成したJavaScriptを上に追加し、更に14行目を””からtextに差し替えます。
<script type="text/javascript">var arr = [];
document.querySelectorAll('#breadcrumb > .breadcrumb-item > a > [itemprop="name"]').forEach(element=> arr.push(element.innerText));
var text = decodeURI(arr.join(' '));
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 =text;
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>

Quick Adsenseプラグインを追加

次にQuick Adsenseプラグインを追加しますが、インストール方法は省略します。 インストール後、WordPressの管理画面から左側のメニューから「Quick Adsense」をクリックします。 「Ads on Post Body」タブをクリックして、Ads1の箇所に上記のコードを貼り付けて下にある「Save Change」をクリックします。 Quick Adsenseの「Setting」で表示箇所の設定を行ったら完成です。

まとめ

今回はJavaScriptを使ってページ内のカテゴリー名を取得して、Amazonサーチウィジェットに追加しました。カテゴリー名の取得方法はWordPressのテンプレートによって異なりますので、上記のコードで取得できなかった場合は、いくつかトライしてみてください。 JavaScriptの使い方がわかれば、カテゴリー名だけでなくタグ名やタイトル名なども取得できます。]]>

Categories
Web

安くドメイン取得!お名前.comで取得したドメインをさくらインターネットのサーバーに追加する方法

安く押さえる組み合わせ 安く押さえるにはドメイン取得とレンタルサーバーを分けるのが得策です。 そこでおすすめなのは、 ・ドメイン取得・・・お名前.com ・レンタルサーバー・・・さくらインターネット(スタンダードプラン) の組み合わせです。 お名前.comは180円/年~ドメインの取得が可能で、さくらインターネットは500円/月~レンタルが可能です。 レンタルサーバーは無料やもっと安い会社もありますが、速度やサービスのことを総合的に考えると、さくらインターネットの「スタンダード」プランがまずはおすすめです。

安さで評判のお名前.comでドメインを取得

ドメイン取得なら業界最大手な「お名前.com」で取得すると安く済むのでおすすめです!

ドメイン名が空いているか検索

お名前.comのトップページでドメインの空き状況を検索できます。使いたい名前を入れてみて調べてみましょう。 domain_011901

希望のドメインを選択

com, jp, net, jp.net, info, org, asia, jpn.com, us, biz, me, mobiなどから希望のドメインを選択します。すでに存在して取得できない場合は、別のドメイン名で調べましょう。 domain_011902

契約期間とwhois情報公開代行の設定

契約期間(通常は1年でOK)を選択します。 また、「whois情報代行公開」にチェックボックスを入れます。参考:whois情報代行公開とは(お名前.com) domain_011903 これ以降は流れに従ってクレジットカード番号の記入や会員登録を行えば契約完了です。

さくらインターネットでドメインの設定

※さくらインターネットの契約がまだの方はこちらから申し込みできます。

サーバコントロールパネルにログイン

https://secure.sakura.ad.jp/rscontrol/へアクセスします。 さくらインターネット ログイン

ドメインの設定

画面左下にある「ドメイン設定」をクリックして次ページへ進みます。 さくらインターネット ドメイン設定 「新しいドメインの追加」をクリックします。 さくらインターネット 新しいドメイン追加 5. 他社で取得したドメインを移管せずに使う・属性型JPドメインを使う(さくら管理も含む) 「ドメインの追加へ進む」をクリックします。 さくらインターネット ドメイン追加 他社で取得した独自ドメインの追加・属性型JPドメインの追加(さくら管理も含む)の中にある「ドメイン」のフォームに、お名前.comで取得したドメイン名(~.comや~.net)を入力する。 ※重要 入力フォームのすぐ下にある、「プライマリネームサーバ」と「セカンダリネームサーバ」のアドレス(ns1.~)をメモ帳に控えるのを忘れないでください。後ほどお名前.comにログインして設定します。 さくらインターネット ドメイン入力 ドメイン追加の最終確認画面で、「初期ドメイン名」、「追加ドメイン名」を確認して、「送信する」ボタンをクリックします。 domain_011909 さくらインターネットでの設定はこれで終了です。 domain_011910

お名前.comのネームサーバーの設定を変更

さくらインターネットで設定したときにあったネームサーバーの値をお名前.comのドメインで変更します。

お名前.comの「ドメインnavi」にログイン

お名前.comの「ドメインnavi」にログインします。 お名前.com ドメインnavi

ネームサーバを変更

今回追加したドメイン名の「ネームサーバー」の「変更する」をクリックします。 domain_011912 「他のネームサーバーを利用」をクリックし、さくらインターネットでメモしたプライマリネームサーバーとセカンダリネームサーバーのアドレス(ns1.~)を入力します。 domain_011913 これで設定は完了です。]]>