--- 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/) 간편 항공권 검색 위젯 운영하시는 사이트에서 항공권 검색을 위해 위치 및 날짜 선택 기능을 제공하고자 할 때, 당사의 항공권 검색 위젯은 사용자가 스카이스캐너에서 검색을 시작하는 데 필요한 모든 기능을 제공합니다.   ***참고:** 랜딩 페이지에서 위젯을 가장 보기 좋게 보여주려면, 컨테이너 너비를 최소 250px 이상으로 설정해 주세요. 그렇지 않으면 스타일이 깨지는 현상이 발생할 수 있습니다.* **중요 참고 사항: **웹사이트 리소스 제어를 위해* [콘텐츠 보안 정책 헤더(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)하려면 여기서 신청하세요.    ## 위젯 옵션 현지화, 색상, 텍스트 등을 사용하여 여행 위젯을 원하는 대로 설정할 수 있습니다. 각 옵션을 설정하는 자세한 방법은 아래 내용을 참고해 주세요. 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는 담당 관리자를 통해 확인하거나 [고객 센터로 문의](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"** "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   ## 위젯 빌더 여기에서 위젯 매개변수를 조정하고 왼쪽의 사이드 패널을 사용하여 **원하는 간편 항공편 검색 위젯**을 구성할 수 있습니다. 다양한 선택지가 있으니 꼭 맞는 설정을 찾아보세요! [![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)