もしもアフィリエイトのかんたんリンクで商品ページを正しく表示する方法

今回は、もしもアフィリエイトのかんたんリンクでAmazonと楽天どちらでも商品ページを正しく表示する方法を紹介します。

天気が悪くなって家に籠ることになると、映画で1日をつぶします。

他にやることといえば1日のPVがゼロのこのブログの記事が読まれるように、日々技術ブログみたいに自分自身のプログラミングをするうえで出会った壁や、エラーについて記事にしています。

今回はもしもアフィリエイトのかんたんリンクで、Amazonと楽天、どちらのボタンがクリックされても狙った商品ページに誘導できるようにする方法を紹介します。

もしもアフィリエイトとは
かんたんリンクとは
かんたんリンクの問題点
かんたんリンクで「検索結果がありません」というページに飛んでしまう原因
かんたんリンクで商品ページが正しく表示されない場合の対処法
かんたんリンクの中身を覗く
両方で商品ページに誘導する方法
一番おすすめしたい方法
まとめ

もしもアフィリエイトとは

もしもアフィリエイト - がんばる個人のためのアフィリエイト初心者にも

個人特化型アフィリエイトサービス。使用料、手数料無料。業界最高水準の報酬額を実現。最大12%アップのW報酬制度。初心者から上級者まで幅広く丁寧にサポート。もしもアフィリエイトは「がんばる個人」を応援します。

もしもアフィリエイトは、株式会社もしもが運営するASPです。

アフィリエイト初心者に向けたメディア育成ガイドや、活用事例としての利用者インタビュー、大物ブロガーやインフルエンサーによるノウハウ講座など、初心者にすごく優しいと好評です。

かんたんリンクとは

もしもアフィリエイトの特徴の一つとして楽天・Amazon・Yahoo!ショッピングのリンクを一度に表示できる「かんたんリンク」という機能があります。

この機能の使い方は、商品を選択して、出来上がったリンクをブログにコピペするだけでアフィリエイトを始めることができます。

コピペだけでなので、手軽です。

かんたんリンクの問題点

手軽にアフィリエイトを始められる簡単リンクにも問題点があります。

それは、楽天・Amazon・Yahoo!ショッピング、それぞれのリンクがきちんと機能しているか、確認する必要があるということ。すなわち、

・Amazonでは商品ページへ誘導されるが、楽天・Yahoo!ショッピングでは、「検索結果がありません」というページに誘導される

ということが頻繁におこります。ではなぜ「検索結果がありません」というページに誘導されるのでしょうか？

かんたんリンクで「検索結果がありません」というページに飛んでしまう原因

かんたんリンクで「検索結果がありません」というページに飛んでしまう原因は、かんたんリンクでは画像に使用されるＥＣサイト以外は、キーワードの検索結果のページをリンクにする仕組みになっているからです。

すなわち、商品画像がAmazonからの画像であれば、Amazonは商品ページが表示されるが、楽天・Yahoo!ショッピングはキーワードの検索が行われているだけということです。

商品画像については、AmazonのURLから検索するとAmazonの画像、楽天市場のURLから検索すると楽天市場の画像が使用されます。

また、上画像の「Amazonで見る」ボタンと「楽天市場で見る」ボタンの順番を入れ替えて、左側1番に「楽天市場で見る」ボタンを設置すると、キーワードで検索した際に楽天市場の商品画像が使用されます。

かんたんリンクで商品ページが正しく表示されない場合の対処法

よく紹介されるのが、検索結果がヒットするように検索のキーワードを短くする方法です。

例えば、文房具のはさみを紹介するとします。

「はさみフィットカットカーブチタンブルー」というハサミを紹介しようとした時に、「はさみ　ブルー」とキーワードを短くして、紹介する方法があります。

しかし、この方法はキーワードを短くする過程で重要な情報が欠落する可能性があります。

そこで楽天・Amazon・Yahoo!ショッピング、それぞれのボタンをクリックしてもそれぞれのサイトの商品ページへ誘導できた方がしっかり読み手に伝わると考えたので、それぞれのサイトの商品ページへ誘導する方法を紹介します。

そのために、まずかんたんリンクの中身を覗いてみたいと思います。

かんたんリンクの中身を覗く

<!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
もしもアフィリエイトのカードリンクのスクリプト;
msmaflink(画像情報、リンクURLの設定、idを指定して反映させる);
</script>
<div id="msmaflink-8bxq9">リンク</div>
<!-- MoshimoAffiliateEasyLink END -->

もしもアフィリエイトのかんたんリンクの中身は上のようになっています。

まず、もしもアフィリエイトのカードリンクの設定を読み込んで、そこに画像情報・リンクＵＲＬ・htmlタグのidを指定して反映する設定を行っています。

なので、どの商品を紹介するにしても、もしもアフィリエイトのカードリンクの設定を読み込む部分は一緒で、設定をする部分が異なります。

なので設定をする部分のリンクを編集します。ちなみに、この設定をする部分はJSON(JavaScript Object Notation)という方法で書かれています。

【初心者向け】JSONとは？データ形式の基礎や書き方、使用例などを解説

JSONとは「JavaScriptのオブジェクト記法を用いたデータ交換フォーマット」です。 Python、PHP、JavaScript、C++、Javaなど様々な言語でサポートされており、JSONを使うことで各プログラミング言語間のデータの受け渡しが非常に楽になります。JSONの概要や実際の書き方を解説しますので参考に...

両方で商品ページに誘導する方法

全ての商品を調べられたのではないですが、上で紹介した画像情報・リンクＵＲＬ・htmlタグのidを指定して反映する設定を行う部分は、下に示す同じような型で作成されています。今回は、Amazonと楽天を表示することを考えます。

今回紹介する方法は自己責任で導入をお願いします。

{
＊＊＊キーワードとメーカー名
　　"p": [
　　＊＊＊使用される複数枚の画像パス
　　],
　　"u": {
　　＊＊＊使用される画像の基本となるパス
　　},
　　"v": "バージョン",
　　"b_l": [
　　　　{
　　　　　　＊＊＊「Amazonで見る」ボタンの設定
　　　　},
　　　　{
　　　　　　＊＊＊「楽天市場で見る」ボタンの設定
　　　　}
　　],
＊＊＊使用されるHTMLタグのID
}

かんたんリンクを設定した際にコードを確認することわかるのですが、Amazonの商品画像であった場合は、「楽天市場で見る」ボタンの中にあるURLは「https:￥/￥/search.rakuten.co.jp￥/search￥/mall￥/｛エンコードされたキーワード｝」となっています。

「￥」はエスケープ文字です。

よって、この検索結果を示すURLを商品ページのURLに変更することで、Amazonの商品画像でも楽天市場の商品ページにとぶことになります。

なので楽天市場で紹介したい商品ページを検索して、「/（スラッシュ）」の前に「￥（もしくは\）」を置いて、URLの部分を入れ替えるだけで、商品ページに誘導することができます。