
バリューコマースでMyLinkBoxができたので、商品や飲食店の紹介は、なるべくそれを活用しようと思うのですが、行った飲食店の紹介については、対応サイトしている関係で現時点ではまだ不便さを感じています。
ホットペッパー・ぐるなび・食べログ・Yahooロコなど、個人的に思う4大サイトをまだ全てカバーしていないので、少しでも簡単にURLを作成する出力スクリプトを作成しました。考えたのは以下の通りです。
URLの確認は必要ですが表示に必要なHTMLの要素はスクリプトが補完してくれるので、MyLinkBoxが充実すれば乗り換えていくと思いますが、それまでは使っていけるのではと思っています。
■ ソース
// グルメサイトリンク作成用(ホットペッパー・ぐるなび・食べログ・ロコ)
function multiGourmetSiteLink(var_title, var_hotpepper, var_gournavi, var_tagelog, var_yahoo){
var cnt = 0;
var linkstr = ' (参照先:';
if(var_hotpepper != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_hotpepper + '" target="_blank" > ホットペッパー</a>';
cnt++;
}
if(var_gournavi != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_gournavi + '" target="_blank" > ぐるなび</a>';
cnt++;
}
if(var_tagelog != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_tagelog + '" target="_blank" > 食べログ</a>';
cnt++;
}
if(var_yahoo != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_yahoo + '" target="_blank" > Yahooロコ</a>';
cnt++;
}
if(cnt ==0){
linkstr = linkstr + "-";
}
linkstr = linkstr + ")";
document.write(var_title + linkstr);
}
■ 使い方
<script>multiGourmetSiteLink("じゅうじゅうカルビ 久喜店<br> ", "https://www.hotpepper.jp/strJ001117817/", 'https://r.gnavi.co.jp/2x3pbrg80000/', 'https://tabelog.com/saitama/A1104/A110402/11038705/', 'https://loco.yahoo.co.jp/place/g-LqmBsJhqWdE/');</script>
■ 出力例
【バリューコマース活用】
【JavaScript】
ホットペッパー・ぐるなび・食べログ・Yahooロコなど、個人的に思う4大サイトをまだ全てカバーしていないので、少しでも簡単にURLを作成する出力スクリプトを作成しました。考えたのは以下の通りです。
- ホットペッパー・ぐるなび・食べログ・YahooロコそれぞれのURLがあれば、それをセットすると紹介用のリンクが表示されること
- 対象店舗の紹介がないサイトのリンクは表示されないこと
URLの確認は必要ですが表示に必要なHTMLの要素はスクリプトが補完してくれるので、MyLinkBoxが充実すれば乗り換えていくと思いますが、それまでは使っていけるのではと思っています。
■ ソース
// グルメサイトリンク作成用(ホットペッパー・ぐるなび・食べログ・ロコ)
function multiGourmetSiteLink(var_title, var_hotpepper, var_gournavi, var_tagelog, var_yahoo){
var cnt = 0;
var linkstr = ' (参照先:';
if(var_hotpepper != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_hotpepper + '" target="_blank" > ホットペッパー</a>';
cnt++;
}
if(var_gournavi != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_gournavi + '" target="_blank" > ぐるなび</a>';
cnt++;
}
if(var_tagelog != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_tagelog + '" target="_blank" > 食べログ</a>';
cnt++;
}
if(var_yahoo != null){
if(cnt > 0){
linkstr = linkstr + ", ";
}
linkstr = linkstr + '<a href="' + var_yahoo + '" target="_blank" > Yahooロコ</a>';
cnt++;
}
if(cnt ==0){
linkstr = linkstr + "-";
}
linkstr = linkstr + ")";
document.write(var_title + linkstr);
}
■ 使い方
<script>multiGourmetSiteLink("じゅうじゅうカルビ 久喜店<br> ", "https://www.hotpepper.jp/strJ001117817/", 'https://r.gnavi.co.jp/2x3pbrg80000/', 'https://tabelog.com/saitama/A1104/A110402/11038705/', 'https://loco.yahoo.co.jp/place/g-LqmBsJhqWdE/');</script>
- グルメサイトリンク用URLをホットペッパー・ぐるなび・食べログ・ロコの順で設定
- 対象店舗の紹介がないサイトにはnullを設定
- FC2ブログの場合は必ず1行でスクリプトを記載
■ 出力例
【バリューコマース活用】
【JavaScript】
テーマ:ブログでアフィリエイト - ジャンル:アフィリエイト

| ホーム |