バリューコマースでYahoo!ショッピングのsidとpidを取得する方法

Amazon商品リンク
2018.08.01
この記事は約2分で読めます。

「商品リンク」を利用する際にYahoo!ボタンを表示させるには、ある程度設定が必要です。

＼エックスサーバー開発のWordPressテーマ／
エックスサーバー開発のWordPressテーマ

バリューコマースでログイン

まずは、バリューコマースにログインする必要があります。

バリューコマースのトップページ

バリューコマースアカウントを持っていない場合は申し込みページから無料登録申請を行ってください。

バリューコマースでの会員登録

ログインしたらサイトを選択しよう

バリューコマースにログインしたら、広告を掲載するサイトを選択しましょう。

バリューコマースでサイトの選択

ヤフーショッピング広告を検索

バリューコマースの検索フォームで「ヤフーショッピング」と検索します。

Yahoo!ショッピングを検索

ヤフーショッピングが表示されたら「広告作成」ボタンを押してください

Yahoo!ショッピングの広告を作成する

まだ提携がされていない場合は提携を行ってください。即時提携されると思います。

MyLinkから広告作成

広告タイプで「MyLink」を選択してください。

広告タイプでMyLink広告を選択

以下のように適当に入力して、「MyLinkコードの取得」ボタンを押してください。

MyLinkコードを取得する

僕が入力したテキストはこちら。

  • URL：https://shopping.yahoo.co.jp/
  • テキスト：ヤフーショッピング

MyLinkコードダイアログが表示されるので、コードの中から「sid」と「pid」を取得してください。

Yahoo!ショッピングのコードIDを取得する

テーマにIDを設定

最後にテーマに取得したIDを設定します。

「sid」と「pid」を設定するにはまずテーマ設定を開きます。

WordPress管理画面から「Cocoon設定」を選択してください。

Wordpress管理画面からCocoon設定を選択

「API」タブから「sid」と「pid」を入力します。

Yahoo!ショッピングIDを入力

LinkSwitch（リンクスイッチ）を使用しないのは、リンクスイッチはJavaScriptを使用する必要があるので、AMPページで使用できないからです。

必須入力項目

Amazon商品リンクを作成するには、以下の設定は必須項目です。

Amazon APIのアクセスキーとシークレットキーを取得する方法
Amazon商品紹介リンク用の認証機能を取得＆登録方法です。Amazonアソシエイトからアクセスキーとシークレットキーを作成登録する方法です。
wp-cocoon.com
2018.08.01
AmazonアソシエイトのトラッキングIDを入手する方法
AmazonアソシエイトからトラッキングIDを取得して、Cocoonの商品紹介リンクで利用するために設定する方法です。
wp-cocoon.com
2018.08.01

まだ設定していない場合は、設定しないと利用できません。

利用方法

ショートコードでの利用方法はこちら。

Amazon商品リンクの初期設定方法と使い方
Cocoonの「Amazon商品リンクタグ作成ショートコード」機能の使い方を詳しく解説しています。
wp-cocoon.com
2024.09.14

リンク有効性の確認

設定が完了したら、正しく設定されたのかどうかアソシエイトURLの有効性を確認しましょう。

AmazonアソシエイトリンクのURLが有効なものか確認する方法
Amazon商品リンクのアソシエイトリンクの有効性を確認する方法です。
wp-cocoon.com
2018.08.18

コメント テーマの質問はフォーラムへ

  1. BAKU より:
    2020年4月28日 08:59

    こちらの記事を参考にして
    バリューコマースでYahoo!ショッピングのsidとpidを取得して
    設定をしたのですが、何故か「Yahoo!ショッピング」のクリックボタンが反映されません。

    原因をご存知でしたら、ご教示頂けますと幸いです。

    • わいひら わいひら より:
      2020年4月28日 20:41

      申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。

      こちらから、「トピックを追加」ボタンを押してコピペで同様のことを書き込んでいただければ幸いです。

      ※フォーラムの書き込みは登録不要です。

      コメント機能だと機能が貧弱で、画像アップロード機能などがなく、対応（案内）が大変なのでご協力よろしくお願いいたします。

      またその際には、実際の不具合が出ているページのURLもいただければと思います。

      • BAKU より:
        2020年4月28日 23:33

        大変失礼しました！
        フォーラムにて、質問させていただきます。

タイトルとURLをコピーしました
'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery);