マルチバーティカル検索ウィジェットは、フライト検索・ホテル検索・レンタカー検索ウィジェットのすべての機能を、ひとつに統合したウィジェットです。各検索ウィジェットを内包した 設定可能なタブ形式のUIを提供し、用途に応じて柔軟に構成できます。

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

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

 

アソシエイトIDとトラッキング

Skyscannerと直接パートナー契約を結んでいる場合は、ウィジェットからの遷移を正しくトラッキングするために、HTMLスニペットへアソシエイトIDを追加する必要があります。
次のようにHTMLスニペットにdata-associate-id="ABC_DEF_12345_56789"を追加してください。
まだご登録されていない場合は、こちらからアフィリエイトプログラムにご応募ください。

ウィジェットオプション

マルチバーティカル検索ウィジェットは、内包しているすべてのサブウィジェットで使用可能なすべての属性をサポートしています。各サブウィジェットのオプション詳細については、以下をご参照ください。

フライト検索

ホテル検索

レンタカー検索

skyscannerWidget

required

data-skyscanner-widget="MultiVerticalWidget"

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

Show details

MultiVerticalWidget

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"

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

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

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

Affiliate ID string

"WIG_WBT_01426_00001"

verticals

optional

data-verticals="hotels,cars"

利用可能なバーティカルタブを、flights, hotels, carsの値をカンマ区切りで指定します

Show details

List of flights, hotels, cars

All verticals

verticalsDefaultTab

optional

data-verticals-default-tab="cars"

初期表示される検索タブを設定します

Show details

One of "flights", "hotels", "cars"

The first visible tab

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

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"

Scales the whole widget.
The value sets, how many times the widget must be as big as original size.

Float number

1

utmTerm

optional

data-utm-term="blog"

An additional alphanumeric tracking parameter that's reported in Impact as SubId2.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="100"
The z-index of the widget container.

Number

500

webOnlyRedirects

optional

data-web-only-redirects="true"

Determines if travellers are redirected to the Skyscanner app. Setting it to true will prevent the initial redirect from opening the Skyscanner app.

true / false

false

ウィジェットビルダー

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