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

 

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

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

 

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

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

 

ウィジェットオプション

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

skyscannerWidget

required

data-skyscanner-widget="SearchWidget"

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

Show details

SearchWidget

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"

originName

optional

data-origin-name="Edinburgh"

出発地を固定します

Show details

Free text (Location name)

destinationName

optional

data-destination-name="Edinburgh"

目的地を固定します

Show details

Free text (Location name)

originIataCode

optional

data-origin-iata-code="LAX"

出発地空港を固定します

IATA code

destinationIataCode

optional

data-destination-iata-code="LAX"

目的地空港を固定します

Show details

IATA code

originGeoLookup

optional

data-origin-geo-lookup="true"

GEO-IPを使用して出発地を推定します

Show details

true / false

false

destinationGeoLookup

optional

data-destination-geo-lookup="true"

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

true / false

false

originCoords

optional

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

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

Comma separated pair of float numbers

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"

flightType

optional

data-flight-type="return"

デフォルトのフライトタイプを設定します

One of "return", "one way"

"one way"

flightOutboundDate

optional

data-flight-outbound-date="2019-03-22"

往路便の日付を事前に設定します

Date in the "YYYY-MM-DD" format

flightInboundDate

optional

data-flight-inbound-date="2019-03-25"

復路便の日付を事前に設定します

Date in the "YYYY-MM-DD" format

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

arrowIcon

optional

data-arrow-icon="true"

検索ボタンに飛行機アイコンの代わりに矢印アイコンを表示します

true / false

false

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行に収まるようにします

注意：この設定を有効にすると、"Return/One way "切り替えのラジオボタンは非表示になります

true / false

false

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

 

ウィジェットビルダー

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