Simple Flight Search widget — Skyscanner Partners

운영하시는 사이트에서 항공권 검색을 위해 위치 및 날짜 선택 기능을 제공하고자 할 때, 당사의 항공권 검색 위젯은 사용자가 스카이스캐너에서 검색을 시작하는 데 필요한 모든 기능을 제공합니다.

참고: 랜딩 페이지에서 위젯을 가장 보기 좋게 보여주려면, 컨테이너 너비를 최소 250px 이상으로 설정해 주세요. 그렇지 않으면 스타일이 깨지는 현상이 발생할 수 있습니다.

중요 참고 사항: 웹사이트 리소스 제어를 위해 콘텐츠 보안 정책 헤더(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"

지정된 <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"

"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"

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

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"

입력란 위의 '출발지' 및 '도착지' 레이블을 입력란의 자리 표시자로 교체하면, 보다 간결한 디자인이 됩니다.

true / false

false

responsive

optional

data-responsive="true"

위젯을 반응형으로 만들어 (너비가 충분한 경우) 한 줄에 맞출 수 있게 합니다.

참고: 이 경우 '왕복/편도' 라디오 버튼이 숨겨집니다.

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