サイト全体に「COLORS(ブルー)」スキン適用中。
シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100%GPLテーマなので自由にご利用いただけます。

ダウンロードページはこちら。

ダウンロード

Amazon商品リンクのカタログ写真表示オプションの使い方

ショートコード

Amazonで商品を購入するとき、まず何を参考にしているでしょうか。

僕の場合は、まず「商品の写真」です。そして次に「他の商品の写真」を見ます。

この部分。

Amazon商品の画像

その後、「大きな写真」をじっくりと見るといった行動をとっていることが多いです。

「どうしてこのような行動をとるのか?」と言えば、「商品の写真」を見ることで、外観がわかるので、経験則的に「商品の使い方」もある程度推測できるからです。

「百聞は一見にしかず」という言葉が存在するだけあって、「商品そのものの写真」を見ることは、「どんな説明よりも分かりやすい」なんてことは多々あります。

そして出来れば、

わいひら
わいひら

なるべく大きな解像度で見れた方が細部も見れて想像がはかどる!

ということで、Cocoon 1.3.1より「Amazon商品リンク」でも、商品の写真を存分に見れるように「カタログ写真オプション」を追加しました。

「カタログ写真オプション」とは、以下のようなAmazon商品リンクのサムネイルの下に、Amazon商品に関連付けられた「カタログ写真」を表示する機能です。

上記のように、Amazon商品に関連付けられた「カタログ写真の縮小版」がボタン形式でサムネイルの下に表示されます。

「写真ボタン」上にマウスを乗せると、Amazonの「大きなカタログ写真」が表示されるという仕様です。

詳細は以下の実物の動作を確認してみてください。

現在モバイル端末でカタログ写真は表示しない仕様になっています。
スポンサーリンク

カタログ写真機能を利用するには

Amazon商品リンクショートコードで、カタログ写真機能を利用する手っ取り早い方法は、「Cocoon設定」の「API」タブにある「Amazon」項目の「カタログ写真の表示」を有効にします。

カタログ写真の表示項目を有効にする

「カタログ写真の表示」を有効にすると、基本的に全ての「Amazon商品リンク」に対して「カタログ写真」が表示されます。

「カタログ写真が不要」の場合は、無効にしておくと従来通り利用できます。
「カタログ写真」機能は、デフォルトで有効になっているので、特に設定する必要ないです。うまく動作しない場合は、上記部分を確認してください。

ショートコードでの制御

あと、catalogショートコードオプションでも表示を制御することが可能です。

カタログ写真の表示

表示を行うには、catalog=1を指定します。

[amazon asin="B00T90G87G" kw="Canon EOS Kiss" catalog=1]
テーマ設定に関係なく強制的にカタログ写真が表示されます。

カタログ写真の非表示

[amazon asin="B00T90G87G" kw="Canon EOS Kiss" catalog=0]
テーマ設定に関係なく強制的にカタログ写真が非表示になります。

オプションを指定しない場合

catalogオプションが指定されていない場合は、テーマオプションに準拠します。

[amazon asin="B00T90G87G" kw="Canon EOS Kiss"]

商品リンクサイズ変更による見た目の違い

Amazon商品リンクショートコードは、sizeオプションによって見た目を変更できます。

サイズによって「カタログ写真ボタンの数」は以下のように違います。

PCの場合

  • size=”s”:3個
  • size=”m”:5個
  • size=”l”:全て表示

スマホ(端末幅480px位以下)の場合

    • size=”s”:3個
    • size=”m”:3個
    • size=”l”:全て表示

    デモはこちら。

    Sサイズ

    [amazon asin="B00T90G87G" kw="Canon EOS Kiss" size="s" catalog=1]

    Mサイズ

    [amazon asin="B00T90G87G" kw="Canon EOS Kiss" size="m" catalog=1]

    Lサイズ

    [amazon asin="B00T90G87G" kw="Canon EOS Kiss" size="l" catalog=1]

    こんな感じで、カタログ写真の数がサイズごとによって違うのは仕様なのでご了承ください。

    まとめ

    上記のように、自サイト上でAmazon APIの仕様が許す限り、写真を見れるようにしました。

    これにより、訪問者がすぐに「商品の大きな写真」にアクセスできるようになりました。

    こうすることで、訪問者はAmazon商品ページに飛ばずとも、様々な写真を見て使用感をある程度推測できるようになったと思います。

    訪問者が自サイト上で、いろいろAmazon商品リンクのカタログ写真を見てくれることで、滞在時間が増える効果も微細ながらあるのではないかと。

    ショートコードAmazon商品リンク
    スポンサーリンク
    この記事が気に入ったら
    いいね!しよう
    最新情報をお届けします。
    わいひら

    無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

    わいひらをフォローする
    わいひらをフォローする
    おすすめレンタルサーバー
    mixhost

    プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎http/2・QUIC(高速化プロトコル)に対応
    ◎プランのアップ・ダウングレードが自由自在
    ◎転送量が多い
    ◎毎日無料バックアップ(14日分)
    ◎復元ポイントを指定して復旧可能(無料)
    ○サーバ引っ越しオプションあり(有料)
    〇アダルト・出会い系サイト可
    △安定性にやや欠ける

    安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

    ◎nginxを用いた高速サーバー(完全SSD)
    ◎老舗サーバーなので安定感抜群
    ◎ディスク容量が多い
    ◎転送量が多い
    ◎同サービス内でドメイン管理が可能
    ○http/2(高速化プロトコル)に対応
    ○毎日無料バックアップ(14日分)
    △DBは7日分だけ無料復旧可能(ファイルは有料)
    ×プラン変更でCPUのスペックアップができない
    ×プラン変更しても即時反映されない
    ×アダルト・出会い系サイト不可

    性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎http/2・QUIC(高速化プロトコル)に対応
    ◎東京・大阪でリージョン選択が可能
    ◎プランのアップ・ダウングレードが自由自在
    ◎同サービス内でドメイン管理が可能
    ◎転送量が多い
    ◎毎日無料バックアップ(14日分)
    ◎復元ポイントを指定して復旧可能(無料)
    ○サーバ引っ越しオプションあり(有料)
    △アダルト・出会い系サイト可(条件あり)
    △開始したてなので運営能力は未知数(対応良)

    格安な値段で始められる高機能サーバーです。
    性能も備えつつ最安ならここ。
    サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

    ◎LiteSpeedを用いた高速サーバー(完全SSD)
    ◎激安プランが用意してある
    ◎値段あたりのスペックが高い(コスパ良し)
    ◎サーバ引っ越しオプションあり(無料)
    ○http/2(高速化プロトコル)に対応
    〇アダルト・出会い系サイト可
    △プランのアップは可能だがダウンは不可
    △毎日自動バックアップ(1日分)
    △前日のバックアップからのみ復元できる(無料)

    Cocoon

    コメント

    1. フォーラムへ投稿すべき内容かもしれませんが、該当するスレッドが見つからなかったのでこちらにコメントさせていただきます。

      Amazon商品リンクのカタログ写真表示ですが、商品リンクの設置場所によっては、拡大表示される画像がアドセンス広告に被さる形で表示されます。このページ内の商品リンクでも、該当する箇所があります(本文中間にある商品リンク)

      メニューバーなどのホバー表示でもアドセンスの規約違反になるので、この商品リンクのカタログ写真表示も使い方によっては規約に引っかかる可能性を感じます。

      • わいひら わいひら より:

        そういう場合は、できれば「Cocoonテーマに関する質問」で良いのでトピックを立てて書き込んでいただければと思います。

        僕は、画像が重なったとしても、誤クリックを誘発するものでなければ問題ないと思います。
        グローバルメニューのサブメニューが重なった場合、何故ダメかっていうと、重なることでメニュー選択時に広告を誤クリックしてしまう可能性があるからだと思います。
        けれど、カタログ機能の拡大表示は、マウスホバーを外すと消えてしまって、クリック対象にはなりません(なりにくい)。
        僕自身としては「偶発的クリックの誘導」にはなっていないと思います。
        また、重なるというだけでいえば、スライドインメニューボタンや、スライドインメニュー、スライドインサイドバー、も重なっています。
        こういったものが、「偶発的クリックの誘導になるか?」だと思います。

        偶発的クリックの誘導

        Google 広告のクリックを誘発するような行為は禁止されています。これには、メニュー、ナビゲーション、ダウンロード用リンクといったウェブサイトの他のコンテンツと誤認させるような方法で広告を配置することも含まれています。

        広告の近くにリンク、再生ボタン、ダウンロード ボタン、操作ボタン([戻る] や [次へ] など)、ゲーム ウィンドウ、動画プレーヤー、プルダウン メニュー、アプリケーションを配置する際には注意が必要です。こうした配置方法は広告の偶発的クリックを招く可能性があります。たとえ意図していなくてもレイアウトが原因で偶発的なクリックが発生してしまったサイト運営者様には、違反通知が送信される場合があります。
        https://support.google.com/adsense/answer/1346295?hl=ja

        けれどここら辺は、解釈の違いになると思います。
        ポリシー違反と判断される場合は、広告前で使用しないか、機能を無効にしてください。
        どうしても気になる場合は、AdSenseに問い合わせて判断をあおいでもいいかもしれません。
        その際問題があれば、また対策をとります。

        • ありがとうございます。次回からは、こういった疑問点に関しては、Cocoonテーマに関する質問コーナーにトピックを立てます。

          まずは、回答が得られるかどうかは不明ですが、ダメもとでGoogleに問い合わせてみます。

          • わいひら わいひら より:

            ありがとうございます。
            その方が、同様の疑問を感じた方が検索から見つけやすいので助かります。

            一応、よりアドセンスポリシー違反になりにくいようにCSSを調整したものをアップしておきます。
            https://github.com/yhira/cocoon/archive/master.zip
            上記は、大きな画像にマウスが乗ると、確実に表示が消えるようにしてあるので、より誤クリックになりにくいかと思います。

    タイトルとURLをコピーしました