公式利用ガイド
タベレバの使い方
飲食店を探し、ホットペッパー・食べログ・ぐるなびへのリンクをひとつのカードにまとめる手順を説明します。
飲食店リンクを作ってみる1.検索して選ぶ
画面上部で店舗を検索し、紹介したい店舗のリンク作成ボタンを押します。詳細ページで名称や内容を確認して選んでください。
ASP未設定でも、主要サービスの通常リンクで作成を試せます。設定が必要なサービスのボタンは表示されない場合があります。
2.使用サイトと表示内容を調整する
「使用するサイト」を先に選び、名称・検索キーワード・画像サイズ・テンプレート・ボタンのアイコン・ボタン名の後ろに付ける文言・CSS・表示ボタンを調整します。
名称はカードに表示する名前、検索キーワードは検索リンクで使用する語句です。商品・施設・店舗の個別ページへのリンク先は、名称の編集で変更されません。
表示設定とASP設定はサイトごとに保存します。作成済みの記事のHTMLは、設定変更だけでは更新されないため、再生成して貼り直してください。
3.プレビューを確認してコピーする
「PC表示」「スマホ表示」でレイアウトを確認し、用途に合わせて「カードHTML」「リンクパーツ用CSS」「テキストリンク」「画像リンク」をコピーします。CSSが表示されるテンプレートでは、カードHTMLとCSSの両方をブログへ設定してください。
WordPressでは「カスタムHTML」ブロックにHTMLを貼り付けます。プレビューと実際のブログではテーマのCSSが異なるため、公開前に表示と各リンク先も確認してください。
4.設定を保存する
ユーザー設定と表示設定は、変更後にこのブラウザへ自動保存します。「設定を保存」を押すと、待機中の入力もすぐに保存します。「このブラウザに保存しました。」の表示を確認してください。
設定は別の端末・ブラウザへ自動同期しません。プライベートブラウズの終了やブラウザデータの削除で失われる場合があります。大切な設定はJSONファイルでバックアップしてください。
ASP入力欄の状態と「設定を診断」は、入力形式の確認です。提携状態や成果計測はASPの管理画面で確認してください。
5.履歴・バックアップ・旧設定を管理する
リンク作成履歴は最近の20件をこのブラウザに保存します。再生成では、現在選択中のサイト設定を使用します。設定バックアップと履歴は別々のデータです。
設定JSONは内容を確認してから復元します。旧設定の移行後は、各ASPの入力内容を見直してください。JSONにはアフィリエイト設定が含まれるため、安全な場所へ保管してください。
6.困ったとき
- 保存できない
- ブラウザの保存設定・空き容量を確認し、入力内容を控えてから再試行してください。保存に失敗した場合、保存済みとして扱わないでください。
- ボタンが表示されない
- 使用するサイト、表示ボタン、ASP入力欄の状態を確認してください。未設定・不正形式では通常リンクまたは非表示になります。
- コピーできない
- コード欄の内容を選択し、手動でコピーしてください。
- 別のサイトの設定を使いたい
- 「使用するサイト」を切り替えて再生成します。更新中はコピーを待ってください。
サービス固有の詳しい使い方
STEP 1
店舗を検索する
店舗名、地域名、駅名などを組み合わせてキーワード検索します。ホットペッパー店舗IDが分かる場合は「店舗ID」を選び、Jから始まる10文字のIDを入力できます。
STEP 2
紹介する店舗を選ぶ
検索結果の店舗名、住所、アクセスを確認して「この店舗を選ぶ」を押します。同名店や支店がある場合は、住所まで確認してください。
STEP 3
表示内容とデザインを調整する
店舗名と店舗検索キーワードは別々に編集できます。食べログ・ぐるなびは個別店舗を自動断定せず、このキーワードの検索結果へリンクします。ホットペッパーは必ず表示され、食べログはASP設定なしで通常リンクの表示を切り替えられます。ぐるなびは有効なアフィリエイト設定がある場合だけ表示を切り替えられます。画像サイズ、テンプレート、後ろ文言、表示項目などを変更すると、PC・スマホのプレビューとHTMLが更新されます。
STEP 4
ASP・サイト設定を確認する
ホットペッパーはValueCommerce MyLink、ぐるなびはリンクシェアのリンクビルダーで取得したカードHTML全体を保存します。ホットペッパーは未設定・形式不正でも通常リンクを表示し、食べログは設定不要の通常リンクです。ぐるなびは有効な設定がなければ表示しません。
STEP 5
生成コードを記事へ貼り付ける
用途に合わせて「カードHTML」「リンクパーツ用CSS」「テキストのみ」「画像のみ」をコピーします。テキストのみ・画像のみは、HTML欄の上に実際の表示を確認できるプレビューがあります。CSSが表示されたテンプレートでは、カードHTMLとCSSの両方をブログへ設定してください。
STEP 6
履歴・バックアップ・旧設定移行
最近作成した店舗は20件まで保存されます。設定JSONにはサイト設定とMyLinkが含まれるため、安全な場所へ保管してください。旧タベレバ設定は内容をプレビューしてから移行し、必要なら移行前設定へ戻せます。
STEP 7
店舗ページから直接作成する
PCではブックマークレットを登録すると、ホットペッパーの店舗詳細ページから店舗IDをタベレバへ渡せます。
公開前
リンク先と広告表示を確認する
生成後は3サービスのリンクを実際に開き、意図した店舗または検索結果であることを確認してください。記事には、広告・アフィリエイトリンクを含むことが読者に分かる表示を行い、各サービス・ASPの最新規約に従ってください。