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

 

注意:ランディングページ上で最適に表示するため、ウィジェットは幅が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="CarHireWidget"

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

Show details

CarHireWidget

locale
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
data-market="AU"

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

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

Two letter country code

"UK"

currency
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)

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

target

optional

data-target="_self"

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

One of "_self", "_blank"

"_blank"

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

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

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

Affiliate ID string

"WIG_WBT_01426_00001"

carDropOffLocation

optional

data-car-drop-off-location="false"

"返却場所を異なる場所にする"チェックボックスを表示します

true / false

true

carDropOffLocationIsChecked

optional

data-car-drop-off-location-is-checked="true"

"返却場所を異なる場所にする"チェックボックスをデフォルトでオンにします

true / false

false

driverAge

optional

data-driver-age="false"

"運転者の年齢が25〜75歳"チェックボックスを非表示にします

true / false

true

driverAgeIsChecked

optional

data-driver-age-is-checked="false"

"運転者の年齢が25〜75歳"チェックボックスをデフォルトで非表示にします

true / false

true

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"

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

responsive

optional

data-responsive="true"

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

 

true / false

false

widgetScale

optional

data-widget-scale="1.3"

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

Float number

1

carPickUpDate

optional

data-car-pick-up-date="2019-03-22"

レンタカーの受け取り日を事前に設定します

Date in the "YYYY-MM-DD" format

carDropOffDate

optional

data-car-drop-off-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

 

ウィジェットビルダー

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