「YJShopping」の版間の差分

提供: きまぐれ手記 Kimagurenote
移動先: 案内検索
(ty)
(見出し段上げ)
 
(同じ利用者による、間の3版が非表示)
1行目: 1行目:
'''Extension:YJShopping '''は、'''[http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885836944 Yahoo!ショッピング]の[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html 商品検索API]'''を使って商品リンクを[[MediaWiki]]記事中に埋め込むための即席[[mw:Manual:Extensions|Extension]]。
+
'''Extension:YJShopping '''は、'''[http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885836944 Yahoo!ショッピング]の[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html 商品検索API]'''を使って商品リンクを'''[[MediaWiki]]'''記事中に埋め込むための即席[[mw:Manual:Extensions|Extension(拡張機能)]]。
  
 
==特徴==
 
==特徴==
 
===できること===
 
===できること===
*フリーキーワード検索、JAN指定、ISBN指定に対応
+
*フリーキーワード検索、[[w:JANコード|JAN]]指定、[[w:ISBN|ISBN]]指定に対応
*Yahoo!ショッピングに登録されている画像、商品名、販売店名を表示
+
*[http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885836944 Yahoo!ショッピング]に登録されている画像、商品名、販売店名を表示
 
*[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838176&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース]のアフィリエイトリンクを設定可(任意)
 
*[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838176&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース]のアフィリエイトリンクを設定可(任意)
*Yahoo!ショッピングに加え、日本国内7ヶ所のインターネットショッピングモール([https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841713 Amazon.co.jp], [https://hb.afl.rakuten.co.jp/hgc/187beb9a.a3849449.187beb9b.317c8380/?pc=https%3A%2F%2Fwww.rakuten.co.jp%2F&m=https%3A%2F%2Fwww.rakuten.co.jp%2F 楽天市場], [https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=260508.4&type=3&subid=0 Sofmap.com], [https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=631331.2&type=3&subid=0 Sofmap リコレ!], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841692 honto], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834826&vc_url=https%3A%2F%2F7net.omni7.jp%2F 7net], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834847&vc_url=https%3A%2F%2Fwowma.jp%3Faff_id%3Dvco Wowma!])および「[http://www.kakaku.com/ 価格.com]」へのリンクを追加できる(こちらは[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838176&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース]やAmazon・楽天、リンクシェアへの会員登録と提携が必要)
+
*Yahoo!ショッピングに加え、日本国内7ヶ所のインターネットショッピングモール([https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841713 アマゾン (Amazon.co.jp)], [https://hb.afl.rakuten.co.jp/hgc/187beb9a.a3849449.187beb9b.317c8380/?pc=https%3A%2F%2Fwww.rakuten.co.jp%2F&m=https%3A%2F%2Fwww.rakuten.co.jp%2F 楽天市場], [https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=260508.4&type=3&subid=0 ソフマップ (Sofmap.com)], [https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=631331.2&type=3&subid=0 Sofmap リコレ!], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841692 honto], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834826&vc_url=https%3A%2F%2F7net.omni7.jp%2F 7net], [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834847&vc_url=https%3A%2F%2Fwowma.jp%3Faff_id%3Dvco Wowma!])および「[http://www.kakaku.com/ 価格.com]」へのリンクを追加できる(こちらは[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838176&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース]やAmazon・楽天、リンクシェアへの会員登録と提携が必要)
 
*[https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=631331.2&type=3&subid=0 Sofmap リコレ!] はISBN以外で、[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841692 honto] と [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834826&vc_url=https%3A%2F%2F7net.omni7.jp%2F 7net] はISBN・JAN検索でのみ表示される。
 
*[https://click.linksynergy.com/fs-bin/click?id=U4SUyajTXJo&offerid=631331.2&type=3&subid=0 Sofmap リコレ!] はISBN以外で、[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885841692 honto] と [https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885834826&vc_url=https%3A%2F%2F7net.omni7.jp%2F 7net] はISBN・JAN検索でのみ表示される。
  
 
*見た目の変更はスタイルシートで → [[#Common.css]]
 
*見た目の変更はスタイルシートで → [[#Common.css]]
 +
*[[w:BSDライセンス|BSDライセンス]]で提供 → [[Special:Version/License/YJShopping]]
  
 
===できないこと===
 
===できないこと===
25行目: 26行目:
  
 
==経緯==
 
==経緯==
記事を書いていると商品リンクを貼れたら便利に思うことが少なくないが、[[mw:Category:Extensions|MediaWikiのExtension]]に使えそうな物が見当たらず、それらしき物があってもうまく動作しなかった。また、特定のショッピングサイト専用にするのも使い勝手が悪いので、自作することにした。
+
近頃流行りの[[w:ブログパーツ|ブログパーツ]]のように、記事を書いていると商品リンクを貼れたら便利に思うことが少なくないが、[[mw:Category:Extensions|MediaWikiのExtension]]に使えそうな物が見当たらず、[[mw:Extension:AmazonLookup|それらしき物]]があってもまともに動作しなかった。また、特定のショッピングサイト専用にするのも使い勝手が悪いので、自作することにした。
  
フリーキーワードによる商品検索APIは、Amazon、楽天市場、Yahoo!ショッピングが提供しているが、API制限や規約等を含めた使い勝手を総合的に勘案し、Yahoo!ショッピングを使ってみることにした。
+
フリーキーワードによる商品検索APIは、[https://affiliate.amazon.co.jp/help/topic/t32 Amazon]、[https://webservice.rakuten.co.jp/api/ichibaitemsearch/ 楽天市場]、[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html Yahoo!ショッピング]が提供しているが、API制限や規約等を含めた使い勝手を総合的に勘案し、Yahoo!ショッピングを使ってみることにした。
 +
 
 +
これを作った後で、バリューコマースが『[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838184&vc_url=https%3A%2F%2Fwww.valuecommerce.ne.jp%2Ftopics%2Fmylinkbox&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 MyLinkBox]』を出してきたりもして、やっぱりこういうブログパーツを使いたいと思う人は多いのかなと改めて実感。<s>(MediaWikiで使いたい人は少なさそうだけれど)</s>
  
 
==記述例 Usage==
 
==記述例 Usage==
77行目: 80行目:
 
==初期設定 Setting==
 
==初期設定 Setting==
 
===Download===
 
===Download===
*[https://kimagurenote.net/file/YJShopping_20190602.zip YJShopping_20190602.zip (8KB)]
+
*[https://kimagurenote.net/file/YJShopping_20190610.zip YJShopping_20190610.zip (8KB)]
  
 
Download and unzip it on your MediaWiki '''extensions''' directory.
 
Download and unzip it on your MediaWiki '''extensions''' directory.
98行目: 101行目:
 
$wgYJShoppingPlus['rakuten'] = '▲';
 
$wgYJShoppingPlus['rakuten'] = '▲';
 
#$wgYJShoppingPlus['rakuten']['lsid'] = '●';
 
#$wgYJShoppingPlus['rakuten']['lsid'] = '●';
 +
#$wgYJShoppingPlus['rakuten']['sid'] = '※';
 +
#$wgYJShoppingPlus['rakuten']['pid'] = '※';
 
$wgYJShoppingPlus['sofmap']['lsid'] = '●';
 
$wgYJShoppingPlus['sofmap']['lsid'] = '●';
 
$wgYJShoppingPlus['sofmap']['bids'] = '111111.1';
 
$wgYJShoppingPlus['sofmap']['bids'] = '111111.1';
156行目: 161行目:
 
margin: 0.2em;
 
margin: 0.2em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 +
border-radius: 0.5em;
 
white-space: nowrap;
 
white-space: nowrap;
 
}
 
}
168行目: 174行目:
 
}
 
}
 
DIV.yjshopping UL LI.shoplinkrakuten {
 
DIV.yjshopping UL LI.shoplinkrakuten {
background-color: #d00;
+
background-color: #c00;
 
}
 
}
 
DIV.yjshopping UL LI.shoplinksofmap {
 
DIV.yjshopping UL LI.shoplinksofmap {
190行目: 196行目:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
===Dependency===
+
==Dependency==
 
*[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html Yahoo!JAPAN Shopping search API] (Japanese)
 
*[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html Yahoo!JAPAN Shopping search API] (Japanese)
  
===Bugs===
+
==FAQ==
 +
;[[w:レスポンシブウェブデザイン|レスポンシブ]]ですか?スマートフォン向けサイトでも使えますか?
 +
:対応しています。使えます。ただし表示はお使いの[[mw:Manual:Skin_configuration/ja|Skin]]に依存する部分が大きいので、実際に試してみて表示に不都合があれば [[#Common.css]] を書き換えて調整してください。
 +
;BOXを縦長にできますか?
 +
:[[#Common.css]] を書き換えてできます。
 +
;Common.css を書き換えられません。
 +
:MediaWiki 1.32 以降では、[[mw:MediaWiki_1.32/interface-admin/ja|CSSの書き換えに特別な権限が必要になった]]ので、'''[[Special:UserRights]]''' から追加してください。
 +
;Common.css の書き換えを不要にできませんか?
 +
:できなくはないものの、初期設定が一層煩雑になってしまいます。Extension をインストールできてCSSの書き換えができない状況を想定できないので、対応予定はありません。
 +
;[https://www.biccamera.com/ ビックカメラ]へのリンクを設定したいのですが。
 +
:[https://www.linkshare.ne.jp/ecsite/individual/37404.html リンクシェア]で提携し、本スクリプトにビックカメラ用の設定を追加すれば、ソフマップ同様の方法でできると思われます。ただし、作者は動作確認を兼ねてビックカメラに提携申請したところ拒否されてしまったので、現時点では対応していません。
 +
;このツールの利用は無料ですか?
 +
:無料で使っていただけます。一切の保証やサポートはありませんので自己責任で何とかできる人向けですが、[[w:BSDライセンス|BSDライセンス]]で配布しますので、その範囲でご自由にご利用ください。
 +
;[[Tweeki]] のSkin領域で使えますか?
 +
:残念ながら使えません。[[Tweeki]]のページを参考にして自作するか、下記のブログツールを埋め込んで使うなどしてください。
 +
;MediaWiki以外で使いたい
 +
:2019年6月頃より、バリューコマースが『[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838184&vc_url=https%3A%2F%2Fwww.valuecommerce.ne.jp%2Ftopics%2Fmylinkbox&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 MyLinkBox]』という、本ツールとそっくりさん(見た目が似ているだけで中身は別物、こちらは[[w:PHP (プログラミング言語)|PHP]]であちらは[[w:JavaScript|JavaScript]])を提供し始めたので、そちらを使うと良いのでは。
 +
 
 +
==Bugs==
 
*本Extensionから出力されたHTMLがMediaWiki内で中途半端にescapeされる(例:URLの一部 &amp; が &amp;amp; になっている)ことがある。継続調査中(未解決)。でもWebブラウザでは正常動作しているから不思議…
 
*本Extensionから出力されたHTMLがMediaWiki内で中途半端にescapeされる(例:URLの一部 &amp; が &amp;amp; になっている)ことがある。継続調査中(未解決)。でもWebブラウザでは正常動作しているから不思議…
*いろいろ手抜きし放題。
+
*API側が障害等で止まっているときにこちらに影響が及ぶ(ので、そのうちタイムアウトの設定等考えたい)。
*<s>内部で文字コード変換を入れていないので、Unicode (UTF-8) 以外(EUC-jpなど)を使っているwikiでは動かない。(半角英数字のみを使うぶんには動くかもしれないが。または必要に応じて [http://php.net/manual/ja/function.mb-convert-encoding.php mb_convert_encoding()] を通すなど書き換えて使ってもらえればと。)</s> → v1.10で対応(検索キーワードのみ)
+
*他にもいろいろ手抜きし放題。
*追加リンクの表示順を指定できるようにする必要があるかどうか(現状はキー名の英字順)
 
 
*英語があちこち壊れているのはいろいろ諦めてくださいorz
 
*英語があちこち壊れているのはいろいろ諦めてくださいorz
 
*その他にも気づいた点があれば直して使ってください:-)
 
*その他にも気づいた点があれば直して使ってください:-)
  
===History===
+
==History==
 +
====2019.06.10 (v1.1.2)====
 +
*楽天市場のリンクをバリューコマースでも設定できるようにした
 +
*i18n/*.json のみの変更のため、バージョン番号には変更無し
 
====2019.06.02 (v1.1.2)====
 
====2019.06.02 (v1.1.2)====
 
*楽天市場のリンクをリンクシェアでも設定できるようにした(試験的)
 
*楽天市場のリンクをリンクシェアでも設定できるようにした(試験的)
220行目: 246行目:
 
*[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html Yahoo!ショッピング 商品検索API]
 
*[https://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html Yahoo!ショッピング 商品検索API]
 
*[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838184&vc_url=https%3A%2F%2Fwww.valuecommerce.ne.jp%2Fpickup%2Fyahoo_af%2F&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース Yahoo!ショッピング]
 
*[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838184&vc_url=https%3A%2F%2Fwww.valuecommerce.ne.jp%2Fpickup%2Fyahoo_af%2F&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース Yahoo!ショッピング]
 +
*[https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3106857&pid=885838184&vc_url=https%3A%2F%2Fwww.valuecommerce.ne.jp%2Ftopics%2Fmylinkbox&vcpub=0.032909&vcid=-QAXMwOXiecrEhM1xKfxIjJBFlDpE7Dg4zxf_vdC1b1xXecn4CRxhQ&isec=1558737453 バリューコマース『MyLinkBox』]
  
 
==関連==
 
==関連==
 
*[[MediaWiki]]
 
*[[MediaWiki]]
 +
*[[Yado]]
  
 
[[Category:MediaWiki]]
 
[[Category:MediaWiki]]
 
{{#tweekihide:KAEREBA|YAHOOSHOPPING|RAKUTEN-TRAVEL}}
 
{{#tweekihide:KAEREBA|YAHOOSHOPPING|RAKUTEN-TRAVEL}}

2019年6月11日 (火) 03:20時点における最新版

Extension:YJShopping は、Yahoo!ショッピング商品検索APIを使って商品リンクをMediaWiki記事中に埋め込むための即席Extension(拡張機能)

特徴

できること

できないこと

  • Yahoo!ショッピングの商品検索APIを使うため、Yahoo!ショッピングに登録されていない商品は表示できない
  • 価格はあえて表示していない(しようと思えばできるが)
  • 複数商品の表示(キーワード検索してAPIが返した最も上位1点のみ表示する)
  • 記事中から自動でキーワードを拾うといった機能は持たせていないので、記事中の埋め込みたい場所に所定のタグを記述する必要がある。
  • 一切の保証・補償とサポート(ご利用は自己責任でどうぞ)
  • 日本語以外(英語を含む)での説明書きや問い合わせ対応

できたら良いこと

  • honto と 7net は ISBN/JAN 検索の時のみ有効にしているが、キーワード検索でも任意にON/OFFできると良いかも?
  • Sofmapやリコレなど品揃えに偏りがあるサイトへのリンクボタンも追加したので、やはり何らかの形でON/OFFできるようにしたい。
  • 即席で汚いコードなので整理したい。 → 少し整理した

経緯

近頃流行りのブログパーツのように、記事を書いていると商品リンクを貼れたら便利に思うことが少なくないが、MediaWikiのExtensionに使えそうな物が見当たらず、それらしき物があってもまともに動作しなかった。また、特定のショッピングサイト専用にするのも使い勝手が悪いので、自作することにした。

フリーキーワードによる商品検索APIは、Amazon楽天市場Yahoo!ショッピングが提供しているが、API制限や規約等を含めた使い勝手を総合的に勘案し、Yahoo!ショッピングを使ってみることにした。

これを作った後で、バリューコマースが『MyLinkBox』を出してきたりもして、やっぱりこういうブログパーツを使いたいと思う人は多いのかなと改めて実感。(MediaWikiで使いたい人は少なさそうだけれど)

記述例 Usage

フリーキーワード

<yjshopping>CHE-324</yjshopping>

フリーキーワード+ストアID指定

<yjshopping store_id="cheeromart">CHE-324</yjshopping>

フリーキーワード+カテゴリ指定

<yjshopping category_id="49331">AQUOS R compact</yjshopping>

フリーキーワード+カテゴリ指定+新品のみ

<yjshopping category_id="49331" condition="new">AQUOS R compact</yjshopping>

フリーキーワード+カテゴリ指定+中古品のみ

<yjshopping category_id="49331" condition="used">AQUOS R compact</yjshopping>

※追加されるリンクボタンの検索対象は全商品(カテゴリや新古別指定は働かない)

ISBN

<yjshopping querytype="isbn">978-4-04-072944-2</yjshopping>

※ISBNのハイフンは不要だが、付けたままでもOK。

JAN

<yjshopping querytype="jan">4534530116536</yjshopping>

初期設定 Setting

Download

Download and unzip it on your MediaWiki extensions directory.

You can use it freely at your own risk. I license it under the Revised BSD License.

LocalSettings.php

Edit LocalSettings.php file to add below.

/* YJShopping */
require_once "$IP/extensions/YJShopping/YJShopping.php";
$wgYJShoppingAppID = '★';
#$wgYJShoppingVCID = '//ck.jp.ap.valuecommerce.com/servlet/referral?sid=xxxxxxx&pid=xxxxxxxxx&vc_url=';
$wgYJShoppingPlus['yahoo']['sid'] = '※';
$wgYJShoppingPlus['yahoo']['pid'] = '※';
$wgYJShoppingPlus['amazon'] = '◆';
#$wgYJShoppingPlus['amazon']['sid'] = '※';
#$wgYJShoppingPlus['amazon']['pid'] = '※';
$wgYJShoppingPlus['rakuten'] = '▲';
#$wgYJShoppingPlus['rakuten']['lsid'] = '●';
#$wgYJShoppingPlus['rakuten']['sid'] = '※';
#$wgYJShoppingPlus['rakuten']['pid'] = '※';
$wgYJShoppingPlus['sofmap']['lsid'] = '●';
$wgYJShoppingPlus['sofmap']['bids'] = '111111.1';
$wgYJShoppingPlus['sofmapused']['lsid'] = '※';
$wgYJShoppingPlus['sofmapused']['bids'] = '111111.1';
$wgYJShoppingPlus['honto']['sid'] = '※';
$wgYJShoppingPlus['honto']['pid'] = '※';
$wgYJShoppingPlus['7net']['sid'] = '※';
$wgYJShoppingPlus['7net']['pid'] = '※';
$wgYJShoppingPlus['wowma']['sid'] = '※';
$wgYJShoppingPlus['wowma']['pid'] = '※';
$wgYJShoppingPlus['kakakucom'] = true;
$wgYJShoppingAcceptArgs = array( 'category_id', 'store_id', 'sort', 'condition' );
  • 【必須】★印には、Yahoo!JAPAN で取得したアプリケーションIDを入れる。
  • 【任意】$wgYJShoppingVCID には、ここに書いてある要領で取得したYahoo!ショッピングのリンク先URLを入れる。任意。エンコードは不要(スクリプトにて行う)。
    ただし、$wgYJShoppingPlus['yahoo']['sid'] と $wgYJShoppingPlus['yahoo']['pid'] を指定する場合は省略可(sidとpidから自動生成する)。
  • 【任意】※印には、バリューコマースの各提携先で取得したMyLinkコードから必要な値を抜き出して入れる。各社と提携した後、MyLinkコードを取得し、リンク先URLからsidとpid(いずれも数字)を抜き出す。任意(省略するとリンク自体が生成されない)。値を間違えると機能しないリンクが生成されてしまうので、要注意。
  • 【任意】◆印には、各自で取得した Amazon.co.jp のトラッキングIDを入れる。省略するとリンクが生成されない。または、バリューコマースの MyLink から取得した sid, pid を指定しても良い。
  • 【任意】▲印には、楽天のアフィリエイトIDを入れる。省略するとリンクが生成されない。
  • 【任意】●印には、リンクシェアのリンク→リンク作成→リンクビルダー で生成したリンクコードから必要な値を抜き出して入れる。また、'bids' の '111111.1' には、<img> タグの中からbidsの値を抜き出して入れる。任意(省略するとリンク自体が生成されない)。値を間違えると機能しないリンクが生成されてしまうので、要注意。
  • 【任意】楽天市場の●印には、リンクシェアのプログラム→提携中のECサイト→楽天市場→ECサイト情報→【楽天プログラム】専用ツールを利用する→楽天URL指定リンク で生成したリンクコードのURLからidの値を抜き出して入れる。楽天では'bids'は不要。楽天アフィリエイトIDとは異なるので注意。
  • 【任意】$wgYJShoppingPlus['kakakucom'] を true にすると、「価格.com」へのリンク(アフィリエイト未対応)を追加する(ISBN・JAN検索を除く)
  • 【任意】$wgYJShoppingAcceptArgs 配列に値を追加すると、商品検索APIに渡すことのできる値を追加できる。

And check Special:Version on your wiki.

Common.css

Edit MediaWiki:Common.css to add below (customize free).

/* Extension:YJShopping */
DIV.yjshopping {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #666;
}
DIV.yjshopping IMG.yjshoppingimg {
	margin: 0.1em 0.5em 0.1em 0.1em;
}
DIV.yjshopping P.yjshoppingname {
	margin: 0;
	font-size: 90%;
}
DIV.yjshopping P.yjshoppingstore {
	margin: 0;
	font-size: 80%;
}
DIV.yjshopping UL {
	margin: 0;
}
DIV.yjshopping UL LI {
	display: inline-block;
	text-align: center;
	list-style: none;
	font-size: 90%;
	width: 10em;
	margin: 0.2em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
DIV.yjshopping UL LI A {
	color: #fff;
}
DIV.yjshopping UL LI.shoplinkyahoo {
	background-color: #f55;
}
DIV.yjshopping UL LI.shoplinkamazon {
	background-color: #f90;
}
DIV.yjshopping UL LI.shoplinkrakuten {
	background-color: #c00;
}
DIV.yjshopping UL LI.shoplinksofmap {
	background-color: #16f;
}
DIV.yjshopping UL LI.shoplinksofmapused {
	background-color: #3ba;
}
DIV.yjshopping UL LI.shoplinkhonto {
	background-color: #4af;
}
DIV.yjshopping UL LI.shoplink7net {
	background-color: #153;
}
DIV.yjshopping UL LI.shoplinkwowma {
	background-color: #f71;
}
DIV.yjshopping UL LI.shoplinkkakakucom {
	background-color: #02d;
}

Dependency

FAQ

レスポンシブですか?スマートフォン向けサイトでも使えますか?
対応しています。使えます。ただし表示はお使いのSkinに依存する部分が大きいので、実際に試してみて表示に不都合があれば #Common.css を書き換えて調整してください。
BOXを縦長にできますか?
#Common.css を書き換えてできます。
Common.css を書き換えられません。
MediaWiki 1.32 以降では、CSSの書き換えに特別な権限が必要になったので、Special:UserRights から追加してください。
Common.css の書き換えを不要にできませんか?
できなくはないものの、初期設定が一層煩雑になってしまいます。Extension をインストールできてCSSの書き換えができない状況を想定できないので、対応予定はありません。
ビックカメラへのリンクを設定したいのですが。
リンクシェアで提携し、本スクリプトにビックカメラ用の設定を追加すれば、ソフマップ同様の方法でできると思われます。ただし、作者は動作確認を兼ねてビックカメラに提携申請したところ拒否されてしまったので、現時点では対応していません。
このツールの利用は無料ですか?
無料で使っていただけます。一切の保証やサポートはありませんので自己責任で何とかできる人向けですが、BSDライセンスで配布しますので、その範囲でご自由にご利用ください。
Tweeki のSkin領域で使えますか?
残念ながら使えません。Tweekiのページを参考にして自作するか、下記のブログツールを埋め込んで使うなどしてください。
MediaWiki以外で使いたい
2019年6月頃より、バリューコマースが『MyLinkBox』という、本ツールとそっくりさん(見た目が似ているだけで中身は別物、こちらはPHPであちらはJavaScript)を提供し始めたので、そちらを使うと良いのでは。

Bugs

  • 本Extensionから出力されたHTMLがMediaWiki内で中途半端にescapeされる(例:URLの一部 & が &amp; になっている)ことがある。継続調査中(未解決)。でもWebブラウザでは正常動作しているから不思議…
  • API側が障害等で止まっているときにこちらに影響が及ぶ(ので、そのうちタイムアウトの設定等考えたい)。
  • 他にもいろいろ手抜きし放題。
  • 英語があちこち壊れているのはいろいろ諦めてくださいorz
  • その他にも気づいた点があれば直して使ってください:-)

History

2019.06.10 (v1.1.2)

  • 楽天市場のリンクをバリューコマースでも設定できるようにした
  • i18n/*.json のみの変更のため、バージョン番号には変更無し

2019.06.02 (v1.1.2)

  • 楽天市場のリンクをリンクシェアでも設定できるようにした(試験的)
  • Sofmap.com, Sofmap リコレ!(リンクシェア)に対応

2019.05.30 (v1.1.1)

  • バージョン番号表記をMediaWikiっぽい形に変更
  • AmazonへのリンクもValueCommerceのMyLinkに対応(アソシエイトID指定と排他)
  • 本Extensionから出力されたHTMLがMediaWiki内で中途半端にescapeされる問題を継続調査中(未解決)でもWebブラウザでは正常動作しているから不思議…
  • 画像の配置方法を float:left から display:table に変更

2019.05.26 (v1.10)

  • 煩雑になっていた内部処理の整理
  • $wgYJShoppingPlusのキー名'yj'を'yahoo'に変更

2019.05.24 (v1.00)

  • 初版

参考

関連