Flight Search widget — Skyscanner Partners

항공권 검색 여행 위젯은 간편 항공권 검색 여행 위젯과 비슷하지만, 사이트 내에서 훨씬 더 상세하면서도 포괄적인 항공권 검색 기능을 제공합니다. 사용자가 스카이스캐너에서 항공편 검색을 시작하는 데 필요한 모든 기능을 제공합니다.

참고: 랜딩 페이지에서 최적의 형태로 표시되도록, 다구간 검색 모드를 사용하지 않을 경우 컨테이너 너비를 최소 300px 이상으로, 다구간 검색 모드를 사용할 경우에는 최소 500px 이상으로 설정해 주세요. 그렇지 않으면 스타일이 깨지는 현상이 발생할 수 있습니다.

중요 참고 사항: 웹사이트 리소스 제어를 위해 콘텐츠 보안 정책 헤더(CSP) 를 사용하는 경우, 다음 URL을 허용하도록 설정하세요. www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

여행 위젯으로 커미션 수익 창출하기

스카이스캐너 여행 위젯을 통해 트래픽을 추적하고 수익을 창출하기 위해서는 Impact에서 승인된 파트너여야 합니다. 또한 올바른 추적 코드가 포함된 Impact 제공 위젯 코드를 사용해야 합니다. 제 휴 프로그램에 가입하려면 여기서 신청하세요.

위젯 옵션

현지화, 색상, 텍스트 등을 사용하여 여행 위젯을 원하는 대로 설정할 수 있습니다. 각 옵션을 설정하는 자세한 방법은 아래 내용을 참고해 주세요.

skyscannerWidget

required

data-skyscanner-widget="FlightSearchWidget"

위젯 유형을 정의하세요.

Show details

FlightSearchWidget

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"

지정된 <latitude>,<longitude>에 가장 가까운 목적지를 설정합니다.

Comma separated pair of float numbers

destinationCoords

optional

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

지정된 <latitude>,<longitude>에 가장 가까운 목적지를 설정합니다.

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", "multi-city"

"one way"

multiCityMaxFlightsNumber

optional

data-multi-city-max-flights-number="0"

다구간 검색 모드에서 항공편 수(최대 6개)를 설정하거나, 0일 경우 다구간 검색 모드를 비활성화합니다.

Show details

Integer number (from 0 to 6)

6

flightsMaxAdultsNumber

optional

data-flights-max-adults-number="2"

성인 최대 인원(최대 8명)을 설정하거나, 0명 또는 1명일 경우 성인 인원 선택 항목을 비활성화합니다.

Show details

Integer number (from 0 to 8)

8

flightsMaxChildrenNumber

optional

data-flights-max-children-number="0"

아동 최대 인원(최대 4명)을 설정하거나, 0명일 경우 아동 선택 항목을 비활성화합니다.

Show details

Integer number (from 0 to 4)

4

flightsChildrenAges

optional

data-flights-children-ages="false"

아동 연령 선택 기능을 비활성화하고 UI 디자인을 더 간결하게 만듭니다.

Show details

true / false

true

flightsCabinClasses

optional

data-flights-cabin-classes="false"

좌석 등급 선택 기능을 비활성화합니다.

true / false

true

directFlights

optional

data-direct-flights="true"

'직항 항공편만' 확인란을 표시합니다.

true / false

false

directFlightsIsChecked

optional

data-direct-flights-is-checked="true"

'직항 항공편만' 확인란이 체크 표시되도록 설정합니다.

true / false

false

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"

'제공 업체' 텍스트와 스카이스캐너 로고의 크기(배율)를 기본 크기 비율에 맞춰 설정합니다.

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

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

utmTerm

optional

data-utm-term="blog"

Impact에서 SubId2로 보고되는 추가 영숫자 추적 매개변수입니다.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="blog"

위젯 컨테이너의 z-index입니다.

Number

500

webOnlyRedirects

optional

data-web-only-redirects="true"

여행자를 스카이스캐너 앱으로 리디렉션할지 여부를 결정합니다. 'true'로 설정하면 초기 리디렉션 시 스카이스캐너 앱이 열리지 않습니다.

true / false

false