ホテル検索ウィジェットは、サイト上でホテル検索用のロケーションおよび日付の入力コントロールを可能にし、ユーザーが検索を開始するために必要な機能をすべて備えています。

 

注意：ランディングページ上で最適に表示するため、ウィジェットは幅が250px以上のコンテナ内に設置してください。それより小さい場合、表示やスタイルに問題が生じる可能性があります。

重要：WebサイトでContent Security Policy（CSP）ヘッダーを使用してリソースを制御している場合は、次のURLを許可リストに追加してください： www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

 

トラベルウィジェットでコミッションを獲得

トラベルウィジェットを通じてトラフィックの計測およびコミッションを発生させるためには、Impactで承認済みのパートナーであること、そして正しいトラッキングが設定されたImpact提供のトラベルウィジェットコードを使用する必要があります。まだご登録されていない場合は、こちらからアフィリエイトプログラムにご応募ください。

 

Impact上の契約条件にホテルの報酬が含まれているかを必ずご確認ください。含まれていない場合、ホテル予約に対するコミッションは支払われません。 

 

ウィジェットオプション

ローカライズ設定、カラー、テキストなど、さまざまな項目をカスタマイズできます。各オプションの設定方法については、以下をご確認ください。

skyscannerWidget

required

data-skyscanner-widget="HotelSearchWidget"

ウィジェットのタイプを定義します

Show details

HotelSearchWidget

locale

recommended

data-locale="ru-RU"

ウィジェットの言語を設定します

以下のいずれかを使用できます
"bg-BG", "ca-ES", "cs-CZ", "da-DK", "de-DE", "el-GR", "en-GB", "en-GG", "en-US", "es-ES", "es-MX", "fi-FI", "fr-BE", "fr-CH", "fr-FR", "hr-HR", "hu-HU", "id-ID", "it-CH", "it-IT", "ja-JP", "ko-KR", "ms-MY", "nb-NO", "nl-BE", "nl-NL", "pl-PL", "pt-BR", "pt-PT", "ro-RO", "ru-RU", "sk-SK", "sv-SE", "th-TH", "tl-PH", "tr-TR", "uk-UA", "vi-VN", "zh-CN", "zh-HK", "zh-SG", "zh-TW"

(注意："locale"の値は大文字と小文字を区別します)

Four letter locale code

"en-GB"

market

recommended

data-market="AU"

対象となるスカイスキャナーのドメインを設定します

(注：これは、ローカル市場の制限と在庫に基づいて表示されるフライトに影響します)

Two letter country code

"UK"

currency

recommended

data-currency="USD"

スカイスキャナーの検索結果にリダイレクトする際に表示する通貨を設定します

Three letter currency code

"GBP"

destinationName

optional

data-destination-name="Edinburgh"

目的地を固定します

Show details

Free text (Location name)

destinationGeoLookup

optional

data-destination-geo-lookup="true"

GEO-IPを使用して目的地を推定します

true / false

false

destinationCoords

optional

data-destination-coords="55.944339,-3.1952956"

指定した〈緯度〉,〈経度〉に最も近い目的地を設定します

Show details

Comma separated pair of float numbers

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

ウィジェットからの離脱をトラッキングできます

アソシエイトIDは、担当のアカウントマネージャーに確認するか、お問い合わせいただくことで取得できます

Affiliate ID string

"WIG_WBT_01426_00001"

target

optional

data-target="_self"

スカイスキャナーの検索結果を、同じウィンドウ（_self）または新しいウィンドウ（_blank）で開きます

One of "_self", "_blank"

"_blank"

colour

optional

data-colour="solar"

ウィジェットの背景色を変更します

Show details

Preset color name or hex code

transparent

fontColour

optional

data-font-colour="#000"

ウィジェットのフォントカラーを変更します

Show details

Preset color name or hex code

Autocalculated to contrast the background

buttonColour

optional

data-button-colour="dawn"

検索ボタンの背景色を変更します

Show details

Preset color name or hex code

Blue

buttonFontColour

optional

data-button-font-colour="#fff"

検索ボタンの文字色を変更します

Show details

Preset color name or hex code

Autocalculated to contrast the background of search button

buttonLabel

optional

data-button-label="Book now!"

ウィジェットに表示されるボタンのテキストをカスタマイズできます

Free text

"Search Flights"

buttonTextSize

optional

data-button-text-size="1.4"

検索ボタン上のテキストサイズを、デフォルトと比較して調整します

Float number

1.4

poweredByLogoColour

optional

data-powered-by-logo-colour="light"

スカイスキャナーのロゴの色を変更します

Show details

One of "default", "light", "dark"

"default"

poweredBySize

optional

data-powered-by-size="1.5"

"Powered by"テキストおよびスカイスキャナーのロゴサイズを、デフォルトと比較して設定します

Show details

Float number

1

widgetPadding

optional

data-widget-padding="10px 12px"

ウィジェット全体のパディング（余白）を設定します

Show details

A number in pixels or a value of CSS "padding" rule

0

widgetBorderRadius

optional

data-widget-border-radius="4"

ウィジェット全体の丸みの半径を設定します

Show details

A number in pixels or a value of CSS "border-radius" rule

0

widgetScale

optional

data-widget-scale="1.3"

ウィジェット全体のサイズを拡大・縮小します
この値で、元のサイズに対して何倍にするかを指定します

Float number

1

enablePlaceholders

optional

data-enable-placeholders="true"

入力欄の上に表示されている"from"と"to"ラベルを、入力欄内のプレースホルダーに置き換え、よりすっきりとした見た目にします

true / false

false

responsive

optional

data-responsive="true"

ウィジェットをレスポンシブ対応にし、横幅が十分な場合は1行に収まるようにします

true / false

false

hotelCheckInDate

optional

data-hotel-check-in-date="2019-03-22"

ホテルのチェックイン日を事前に設定します

Date in the "YYYY-MM-DD" format

hotelCheckOutDate

optional

data-hotel-check-out-date="2019-03-25"

ホテルのチェックアウト日を事前に設定します

Date in the "YYYY-MM-DD" format

utmTerm

optional

data-utm-term="blog"

ImpactでSubId2としてレポートされる、英数字の追加トラッキングパラメータです

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="100"

ウィジェットコンテナのz-index値

Number

500

 

ウィジェットビルダー

左側のパネルを使ってパラメータを調整しながら、お好みのホテル検索ウィジェットを作成できます。様々な種類のウィジェットが用意されているので、最適なものをお探しください。