---
title: マルチバーティカル検索ウィジェット — Skyscanner Partners
description: マルチバーティカル検索ウィジェット
---

[![Skyscanner](https://www.partners.skyscanner.net/hs-fs/hubfs/Skyscanner_November2019/Images/Asset+1@2x.png?width=1600&height=260&name=Asset+1@2x.png "Skyscanner")](https://www.partners.skyscanner.net/)

 マルチバーティカル検索ウィジェット

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

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

**重要：Webサイトで[Content Security Policy（CSP）](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy)ヘッダーを使用してリソースを制御している場合は、次の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"に追加してください。  
まだご登録されていない場合は、こちらからアフィリエイトプログラムにご応募ください。

## ウィジェットオプション

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

[フライト検索](https://www.partners.skyscanner.net/ja/affiliates/widgets-documentation/flight-search-widget)

[ホテル検索](https://www.partners.skyscanner.net/ja/affiliates/widgets-documentation/hotel-search-widget)

[レンタカー検索](https://www.partners.skyscanner.net/ja/affiliates/widgets-documentation/car-hire-search-widget)

 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は、担当のアカウントマネージャーに確認するか、[お問い合わせ](https://www.partners.skyscanner.net/contact/)いただくことで取得できます

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"

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

Float number

 1

 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

 webOnlyRedirects

optional

data-web-only-redirects="true"

ユーザーがスカイスキャナーのアプリにリダイレクトされるかどうかを指定します。"true"に設定すると、初回のリダイレクト時にスカイスキャナーのアプリが開かれなくなります

true / false

 false

## ウィジェットビルダー

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

[![Skyscanner](https://www.partners.skyscanner.net/hubfs/Skyscanner_November2019/Images/Skyscanner_Logo_LockupVertical_White_RGB.png)](http://www.skyscanner.net/)

© 2002-2022 Skyscanner Ltd.  
[Privacy Policy](https://www.partners.skyscanner.net/privacy-policy) & [Terms of Service](https://www.skyscanner.net/media/terms-of-service)