コピペで自分のHPに簡単に使える「食べログレストラン検索」ホームページ素材

ウェブサービスとマッシュアップで広がる自分専用の便利サイト

価格.comウェブサービスの食べログ.com APIを利用したAJAXレストラン情報ツール

コピーペーストで自分のHPに簡単に使える「食べログレストラン検索」のホームページ素材です。

■　食べログレストラン検索素材サンプル

食べログ.com WEB サービス

都道府県
最寄り駅
並び順

powered by modulesuite

■ブログに貼り付けた例はこちら

■コピーペースト用ソース

下のテキストエリアのソースをコピーして、ご自分のホームページやブログの好きな場所に貼り付けてください。
※javascriptが有効でないと動作しません。
※対応文字コードはUTF-8です。
※EUCでご利用の場合は、２行目の”tabelog_search.js”を”tabelog_search_EUC.js”に書き換えてご利用ください。

※　このページのサンプルと下記のコードでは、カテゴリー、最寄り駅、総合評価、電話番号を表示する設定になっています。

<script type="text/javascript" src="http://www.modulesuite.com/common_control.js"></script>
<script type="text/javascript" src="http://www.modulesuite.com/jpn/parts/id_0000000059/webparts/tabelog_search.js"></script>
<table>
<tr>
<td valign="top">
<a href="http://apiblog.kakaku.com/"><img src="http://img.tabelog.com/images/banner/tabelog_api_88x35.gif" alt="食べログ.com WEB サービス" title="食べログ.com WEB サービス" border="0" /></a><br>
	<strong>都道府県</strong>
	<select name="id_0000000059_pref" id="id_0000000059_pref">

		<option value="japan">全国</option>
		<option value="hokkaido">北海道</option>
		<option value="aomori">青森</option>
		<option value="iwate">岩手</option>
		<option value="miyagi">宮城</option>
		<option value="akita">秋田</option>
		<option value="yamagata">山形</option>
		<option value="fukushima">福島</option>
		<option value="ibaraki">茨城</option>
		<option value="tochigi">栃木</option>
		<option value="gunma">群馬</option>
		<option value="saitama">埼玉</option>
		<option value="chiba">千葉</option>
		<option value="tokyo">東京</option>
		<option value="kanagawa">神奈川</option>
		<option value="niigata">新潟</option>
		<option value="toyama">富山</option>
		<option value="ishikawa">石川</option>
		<option value="fukui">福井</option>
		<option value="yamanashi">山梨</option>
		<option value="nagano">長野</option>
		<option value="gifu">岐阜</option>
		<option value="shizuoka">静岡</option>
		<option value="aichi">愛知</option>
		<option value="mie">三重</option>
		<option value="shiga">滋賀</option>
		<option value="kyoto">京都</option>
		<option value="osaka">大阪</option>
		<option value="hyogo">兵庫</option>
		<option value="nara">奈良</option>
		<option value="wakayama">和歌山</option>
		<option value="tottori">鳥取</option>
		<option value="shimane">島根</option>
		<option value="okayama">岡山</option>
		<option value="hiroshima">広島</option>
		<option value="yamaguchi">山口</option>
		<option value="tokushima">徳島</option>
		<option value="kagawa">香川</option>
		<option value="ehime">愛媛</option>
		<option value="kochi">高知</option>
		<option value="fukuoka">福岡</option>
		<option value="saga">佐賀</option>
		<option value="nagasaki">長崎</option>
		<option value="kumamoto">熊本</option>
		<option value="oita">大分</option>
		<option value="miyazaki">宮崎</option>
		<option value="kagoshima">鹿児島</option>
		<option value="okinawa">沖縄</option>
	</select><br>
	<strong>最寄り駅</strong> <input type="text" id="id_0000000059_station" size="22" maxlength="32"><br>
	<strong>並び順</strong> 
	<select name="id_0000000059_sort" id="id_0000000059_sort">
		<option value="totalscore">総合評価高い順</option>
		<option value="taste">料理・味評価高い順</option>
		<option value="service">サービス評価高い順</option>
		<option value="mood">雰囲気評価高い順</option>
		<option value="highprice">価格（夜）高い順</option>
		<option value="lowprice">価格（夜）低い順</option>
		<option value="reviewcount">レビュー数多い順</option>
	</select>
<br>

<input type="hidden" id="disp_Category" name="disp_Category" value="1" />
<input type="hidden" id="caption_Category" name="caption_Category" value="<br>[カテゴリー]" />

<input type="hidden" id="disp_Station" name="disp_Station" value="1" />
<input type="hidden" id="caption_Station" name="caption_Station" value=" [最寄り駅]" />

<input type="hidden" id="disp_LunchPrice" name="disp_LunchPrice" value="0" />
<input type="hidden" id="caption_LunchPrice" name="caption_LunchPrice" value="<br>[ランチ]" />

<input type="hidden" id="disp_DinnerPrice" name="disp_DinnerPrice" value="0" />
<input type="hidden" id="caption_DinnerPrice" name="caption_DinnerPrice" value=" [ディナー]" />

<input type="hidden" id="disp_TotalScore" name="disp_TotalScore" value="1" />
<input type="hidden" id="caption_TotalScore" name="caption_TotalScore" value="<br>(総合)" />

<input type="hidden" id="disp_TasteScore" name="disp_TasteScore" value="0" />
<input type="hidden" id="caption_TasteScore" name="caption_TasteScore" value=" (料理・味)" />

<input type="hidden" id="disp_ServiceScore" name="disp_ServiceScore" value="0" />
<input type="hidden" id="caption_ServiceScore" name="caption_ServiceScore" value=" (サービス)" />

<input type="hidden" id="disp_MoodScore" name="disp_MoodScore" value="0" />
<input type="hidden" id="caption_MoodScore" name="caption_MoodScore" value=" (雰囲気)" />

<input type="hidden" id="disp_Address" name="disp_Address" value="0" />
<input type="hidden" id="caption_Address" name="caption_Address" value="<br>[住所]" />

<input type="hidden" id="disp_Tel" name="disp_Tel" value="1" />
<input type="hidden" id="caption_Tel" name="caption_Tel" value="<br>[電話]" />

<input type="hidden" id="disp_BusinessHours" name="disp_BusinessHours" value="0" />
<input type="hidden" id="caption_BusinessHours" name="caption_BusinessHours" value="<br>[営業時間]" />

<input type="hidden" id="disp_Holiday" name="disp_Holiday" value="0" />
<input type="hidden" id="caption_Holiday" name="caption_Holiday" value=" [定休日]" />

<input type="hidden" id="caption_Kugiri" name="caption_Kugiri" value="<br>" />

<input type="button" value="レストラン検索" onClick="id_0000000059_tabelog_item_view_page(1);return false;">
<div id="id_0000000059_Result" name="id_0000000059_Result"></div>
</td>
</tr>
</table>
<a href="http://www.modulesuite.com/"><img src="http://www.modulesuite.com/poweredbymodulesuite.gif" alt="powered by modulesuite" border="0"></a>

■表示設定

HTMLのhidden要素で、各項目の表示／非表示を設定することが出来ます。
また、表示する場合の項目名を設定する事も出来ます。

設定用要素ID	値の説明	項目名の文字列設定用要素ID
disp_Category	カテゴリー value-- 0:非表示、1:表示	caption_Category
disp_Station	最寄り駅 value-- 0:非表示、1:表示	caption_Station
disp_LunchPrice	ランチ価格帯 value-- 0:非表示、1:表示	caption_LunchPrice
disp_DinnerPrice	ディナー価格帯 value-- 0:非表示、1:表示	caption_DinnerPrice
disp_TotalScore	総合評価 value-- 0:非表示、1:表示	caption_TotalScore
disp_TasteScore	料理・味評価 value-- 0:非表示、1:表示	caption_TasteScore
disp_ServiceScore	サービス評価 value-- 0:非表示、1:表示	caption_ServiceScore
disp_MoodScore	雰囲気評価 value-- 0:非表示、1:表示	caption_MoodScore
disp_Address	住所 value-- 0:非表示、1:表示	caption_Address
disp_Tel	電話番号 value-- 0:非表示、1:表示	caption_Tel
disp_BusinessHours	営業時間 value-- 0:非表示、1:表示	caption_BusinessHours
disp_Holiday	定休日 value-- 0:非表示、1:表示	caption_Holiday
	レストラン情報毎の区切り value-- <br>など	caption_Kugiri

■ご利用にあたっては下記をお読みください。
※このページで紹介している素材は全て無料でご利用いただけます。
※必要に応じて自分のサイトに合うようにHTMLのソースを変更して頂いても構いません。
※バナー

powered by modulesuite

表示位置に指定はありませんが、なるべく消さないようにお願いいたします。
※免責事項もお読みください。