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

 항공권 검색 위젯

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

 

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

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

 

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

스카이스캐너 여행 위젯을 통해 트래픽을 추적하고 수익을 창출하기 위해서는 Impact에서 승인된 파트너여야 합니다. 또한 올바른 추적 코드가 포함된 Impact 제공 위젯 코드를 사용해야 합니다. [제](https://www.partners.skyscanner.net/affiliates/affiliate-products)<https://www.partners.skyscanner.net/affiliates/affiliate-products>[휴 프로그램에 가입](https://www.partners.skyscanner.net/affiliates/affiliate-products)하려면 여기서 신청하세요. 

 

## 위젯 옵션

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

 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는 담당 관리자를 통해 확인하거나 <https://www.partners.skyscanner.net/contact/>[고객 센터로 문의](https://www.partners.skyscanner.net/contact/)<https://www.partners.skyscanner.net/contact/>하여 안내받으실 수 있습니다.

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

 

## 위젯 빌더

 여기에서 위젯 매개변수를 조정하고 왼쪽의 사이드 패널을 사용하여 **원하는 항공편 검색 위젯**을 구성할 수 있습니다. 다양한 선택지가 있으니 꼭 맞는 설정을 찾아보세요!

[![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)