WordPressプラグイン「Lockets」設定ガイド①：ホットペッパーのお店情報を挿入するには？編

Locketsの設定は手続きを含め対応することが多いので、下記ドキュメントにもまとめておりますが、使いたい機能ごとに簡単な設定ガイドを書いていきたいと思います。

ちなみにプラグインインストール直後は上記画面のようにほとんどの機能が使えない『NG』が表示されております。

Lockets » Locketsプラグインについて

1 ホットペッパーのお店情報を引っ張ってくるにはリクルートWEBサービスへの登録が必要だ！
2 使ってみる
3 注意：ホットペッパーに出ていてこのプラグインに対応していないお店

ホットペッパーのお店情報を引っ張ってくるにはリクルートWEBサービスへの登録が必要だ！

登録画面はこちら！

https://webservice.recruit.co.jp/register/index.html

「上記の利用規約およびプライバシーポリシーに同意する」にチェックを入れメールアドレスを入れて送信ボタンを押す（1分ぐらい待つ）
受信したメールのリンクをクリック
「ありがとうございます。
メールアドレスの確認ができました。」というメッセージが送信され登録が完了
再度メールを確認すると
「■ あなたのAPIキーはxxxxxxxxxxxxxxxxxxです。」と書かれたメールが届くので、そのAPIキーをコピーしておきます。
Locketsのプラグイン管理画面の「リクルートWEBサービス」の「リクルートWEBサービスキー」に先ほどのAPIキーを入れて一番下の「変更を保存」ボタンを押します
※テンプレートには未記入で結構です。

プラグイン管理画面のトップに戻ると「HOT PEPPER」のところがグリーンの「OK」という表示に変わっていることがわかります。

使ってみる

※ホットペッパーサイト上のすべてのお店で使えるわけではないので、今後バージョンアップで使えるお店のみ検索出来る機能を提供する予定です。

それではテストで下記ページのリンクを貼るという想定でやってみたいと思います。

ヒルトン東京マーブルラウンジ(西新宿/カフェ・スイーツ) | ホットペッパーグルメ

URLのこの部分を見ます。
お店のトップのURLに含まれている「strJ000606633」というディレクトリ名のうち「str」を除いた「J000606633」をメモ（コピー）
投稿画面から「Lockets」ボタンを押します
開いたLockets専用入力画面のHOT PEPPERの部分に先ほどコピーした「J000606633」を入力
ショートコードが挿入される
ブログ記事を仕上げる（書いている途中でお店情報を入れたい場所で上記の手順でショートコードを入れて頂いても大丈夫です）
ブログ記事を公開する

こんな感じで表示されます。

さて、こちらはデフォルトの表示なのでHTMLテンプレートも編集見映えを調整することも出来ます。

参考までにムジログでの現在の例です。

ーーー

<h2><a href="【店舗URL(PC)】" target="_blank">【掲載店名】</a></h2>
<img src="【写真PC向けLサイズ】 " class="img-responsive"><br>
<table class="table">
<tr>
<td>住所</td><td>【住所】</td>
</tr>
<tr>
<td>交通アクセス</td><td>【交通アクセス】</td>
</tr>
<tr>
<td>最寄り駅</td><td>【最寄駅名】</td>
</tr>
<tr>
<td>営業時間</td><td>【営業時間】</td>
</tr>
<tr>
<td>定休日</td><td>【定休日】</td>
</tr>
<tr>
<td>総席数</td><td>【総席数】</td>
</tr>
</table>
<p><a href="【クーポンURL(PC)】" class="btn btn-danger" target="_blank">→地図やクーポン情報をチェックする</a><br>
※クーポンが無い場合もあります。</p>
【Google Maps埋め込み】
【HOT PEPPERクレジットB】

<tr>

</tr>

<tr>

<td>交通アクセス</td><td>【交通アクセス】</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<p><a href="【クーポンURL(PC)】" class="btn btn-danger" target="_blank">→地図やクーポン情報をチェックする</a><br>

※クーポンが無い場合もあります。</p>

【Google Maps埋め込み】

【HOT PEPPERクレジットB】

ーーー

というわけで、お試しください。
※現在は「クーポンURL(PC)」はお店トップに遷移します。これはバリューコマースアフィリエイトのホットペッパーのルールにより直接リンクするアフィリエイトリンクは禁止されているためです。

注意：ホットペッパーに出ていてこのプラグインに対応していないお店

割と多くあります。

主に「Alike」「アライク」と書かれた、ホットペッパーのページです。これはホットペッパー独自の情報ではないため、使えないようです。

今後、WordPressの管理画面内で使えるお店のみ検索可能な仕組みにする予定ですので、対応をお待ちください。

なお、ホットペッパーに掲載されなくてもぐるなびに掲載されている場合もあり、「Lockets」プラグインはぐるなびにも対応しているので、そちらを使ってみて下さい。

では、ホットペッパーでお店紹介ガシガシとしていきましょう！

なお、他のぐるなびやじゃらんもこれと同じような感じで設定出来るので次のページの真ん中あたりを参考に登録をすすめていきましょう。

Lockets » Locketsプラグインについて