MENU
カテゴリー

ホテリップ|じゃらん・Agodaのリンクボタン先をホテルページに変更する方法

ホテリップ じゃらん Agoda アイキャッチ画像

ホテル用のオシャレなリンクボタンを簡単に作成できるwordpressプラグイン「ホテリップ

ホテリップでじゃらんとAgodaのリンクボタン先をサイトTOPページから個別のホテルページに変更する方法を自分用の備忘録として書き残しておきます。

マサユキ

フォトロマを運営しているマサユキです。
YouTube/写真販売/Amazon/プロフィール

目次(クリックでジャンプ)

ホテリップ|リンクボタンの挿入方法

STEP

/hotelipp

執筆画面で「/hotelipp」を入力し表示される「ホテリップ」を選択。

ホテリップ リンクボタン挿入方法1
STEP

ホテル検索

ボタンを挿入したいホテルを検索。

ホテリップ リンクボタン挿入方法2
STEP

ホテル選択

表示されたホテルの中から希望のホテルを選択。

ホテリップ リンクボタン挿入方法3
STEP

ボタン挿入

リンクボタンが自動で作成。

ホテリップ リンクボタン挿入方法4

プレビュー表示で見るとホテル住所や最安値料金なども表示されるオシャレなリンクボタンが簡単に作成できます。

ホテリップ リンクボタン挿入方法5

ホテリップ|じゃらん・Agodaのリンクボタン先をホテルページに変更する方法

簡単にホテルのリンクボタンを作成できる便利なホテリップ。

リンクボタンを実際にクリックすると楽天トラベルやYahoo!トラベルなどは問題なく作成したホテルページのサイトへ移動。

ホテリップ リンクボタン挿入方法5

楽天トラベル

ホテリップ リンクボタン移動 楽天トラベル

Yahoo!トラベル

ホテリップ リンクボタン移動 Yahoo!トラベル

しかし、全てのボタンをチェクしてみるとなぜか「じゃらん」と「Agoda」の2社だけは旅行会社のTOPページへ移動。

じゃらん

ホテリップ リンクボタン移動 じゃらん

Agoda

ホテリップ リンクボタン移動 Agoda

気になるホテルのボタンをクリックしたのに旅行会社のTOPページへ移動してしまうのは分かりづらく不親切。

じゃらんとAgodaもホテルのページへ移動するよう設定します。

STEP

ホテリップ管理

wordpressのダッシュボード画面にある「ホテリップ管理」ー「ホテル一覧」を選択。

ホテリップ リンク移動先設定1
STEP

編集したいホテル選択

ホテル一覧の中から先程ボタンを挿入したホテルの編集ボタンを選択。

ホテリップ リンク移動先設定2
STEP

ホテルID設定

編集画面の中にある「ホテルID設定」を確認するとホテルNoが空欄になっているじゃらんとAgoda(楽天はリンクボタンを作成すると自動でホテルNoが入力されます)

ホテリップ リンク移動先設定3

この空欄に数値を入れることでリンクボタンをクリックするとホテルページへ移動するよう設定できます。

ホテリップ|じゃらんの宿No設定方法

STEP

検索ボタン

ホテルID設定のじゃらんのボックス横にある検索ボタンを選択。

ホテリップ リンク移動先設定 じゃらん1
STEP

ホテルページ検索・移動

Google検索画面で表示されたじゃらんのホテルページを選択。

ホテリップ リンク移動先設定 じゃらん2

掲載したいホテルページへ移動。

ホテリップ リンク移動先設定 じゃらん3
STEP

ページ内にある宿番号をコピー

ホテルページ内の下にある宿番号の数値をコピー。

ホテリップ リンク移動先設定 じゃらん4
STEP

じゃらんの宿Noに貼り付け保存

コピーした宿番号の数値を先ほどのホテルID設定にあるじゃらんの宿No箇所に貼り付け。

ホテリップ リンク移動先設定 じゃらん5

画面下にある「変更を保存」を選択すればじゃらんの設定は完了。

ホテリップ リンク移動先設定 じゃらん6
マサユキ

設定後にじゃらんのリンクボタンをクリックするとTOPページではなく設定したホテルのページへ移動するようになります。

ホテリップ リンクボタン挿入方法5
ホテリップ リンク移動先設定 じゃらん3

ホテリップ|AgodaのホテルID設定方法

STEP

Agodaのアフィリエイトサイトにログイン

ホテルID設定のAgodaのボックス横にあるAgodaパートナーを選択。

ホテリップ リンク移動先設定 Agoda1
STEP

Agodaのアフィリエイトサイトにサインイン

Agodaのアフィリエイトサイトに移動。分かりにくいので言語を日本語に切り替えサインイン。

ホテリップ リンク移動先設定 Agoda2
ホテリップ リンク移動先設定 Agoda3
ホテリップ リンク移動先設定 Agoda4
マサユキ

Agodaに登録していない人は事前に無料登録の必要あり

STEP

ツール テキストリンク

ページ内のツールからテキストリンクを選択。

ホテリップ リンク移動先設定 Agoda5
STEP

ホテル検索

目的のホテルを検索。

ホテリップ リンク移動先設定 Agoda6
Agoda ホテル検索
  • 言語:日本語
  • ホテル名入力
  • 表示されたリンク内のhid=以降の数値をコピー
マサユキ

ホテル検索で希望のホテルが出てこない時はホテル編集画面内にある「基本情報・リンク設定」のホテル名をコピーして貼り付けると出てきます。

ホテリップ リンク移動先設定 Agoda7
STEP

hid=以降の数字を貼り付け

先ほどコピーしたhid=以降の数値をホテルID設定にあるAgodaのホテルNo箇所に貼り付け。

ホテリップ リンク移動先設定 Agoda8

画面下にある「変更を保存」を選択すればAgodaの設定は完了。

ホテリップ リンク移動先設定 じゃらん6
マサユキ

設定後にAgodaのリンクボタンをクリックするとTOPページではなく設定したホテルのページへ移動するようになります。

ホテリップ リンクボタン挿入方法5
ホテリップ リンク移動先設定 Agoda9

おまけ|楽天トラベルのホテルNo確認方法

自動で挿入されるため特に設定の必要はありませんが、楽天のホテルNoはホテルページのURLに表示された数値となっています。

ホテリップ リンク移動先設定 楽天トラベル1
ホテリップ リンク移動先設定 楽天トラベル2

YouTubeもやってます

フォトロマ YouTube スマホ埋め込み

目次(クリックでジャンプ)