다양한 종류의 여행 위젯을 통해 방문자들에게 편리한 여행 검색 솔루션을 제공하세요.

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

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

여행 위젯 사용 방법

단 두 줄의 HTML 코드만으로 운영하시는 사이트에 여행 위젯을 간편하게 추가할 수 있습니다.

첫 번째 줄은 여행 위젯 유형과 필요한 사용자 지정 매개변수를 정의합니다. 두 번째 줄은 스크립트를 불러오는 역할을 하며, 설정하신 여행 위젯 옵션을 바탕으로 사용자의 브라우저에서 완성된 위젯을 구현합니다.

위 목록에서 여행 위젯을 선택하면 각 위젯에 사용할 수 있는 매개변수를 확인할 수 있습니다.

또한, 스카이스캐너의 여행 위젯은 공통 설정을 공유합니다. 스카이스캐너 여행 위젯에 파라미터를 추가할 때는 공통적으로 적용되는 규칙이 있습니다. 다음과 같이 어떤 설정이든 자유롭게 추가하실 수 있습니다.

• 독립적인 HTML 데이터 속성으로(예: data-widget-specific-setting="CustomValue")
• 또는 data-params 속성의 매개변수 중 하나로(예: data- params= "widgetSpecificSetting:CustomValue;otherParam:true").

이 예시에서 data-widget-specific-setting과 widgetSpecificSetting은 유사합니다.

일반적인 규칙은 HTML 데이터 속성의 이름을 'data-' 접두사 없이 가져온 다음 kebab-case에서 camelCase로 변환하여 data-params에 추가하는 것입니다.

여행 위젯 빌더

여기에서 매개변수를 사용하고 왼쪽의 사이드 패널을 사용하여 원하는 스카이스캐너 트래블 위젯을 구성할 수 있습니다. 다양한 선택지가 있으니 꼭 맞는 설정을 찾아보세요!

위치 속성

여행 위젯의 위치 설정을 위해 다양한 위치 속성을 지원합니다. 위의 예시에서는 간단한 이름으로 위치를 확인했지만, 다음 방법으로도 위치를 확인할 수 있습니다.

• 위치 이름
• 공항 IATA 코드
• 위도 및 경도
• 지리적 위치 IP 조회

아래의 사용 예시에서 위치를 가져오는 각각의 방법을 확인하세요.

위치 이름

이 옵션은 여행 위젯의 'data-(origin|destination)-name' 속성을 사용하여 설정됩니다. 
메타 태그에서 위치 이름을 사용하는 예시는 위의 내용을 참조하세요.

IATA 코드

이 옵션은 여행 위젯의 'data-(origin|destination)-iata-code' 속성을 사용하여 설정됩니다. 

메타 태그에서 위치 이름을 사용하는 예시는 위의 내용을 참조하세요.

위도 및 경도

이 옵션은 여행 위젯의 'data-(origin|destination)-coords' 속성을 사용하여 설정됩니다.

주어진 좌표와 가장 가까운 공항을 찾습니다. 좌표는 '<latitude>,<longitude>' 형식의 문자열로 제공되어야 합니다.

이처럼 좌표로 위치와 공항을 검색하는 것은 실제 '위치' 이름은 없지만 좌표는 있는 행사장이나 장소에 특히 유용할 수 있습니다. Google의 정적 지도를 사용 중이거나 지도를 동적으로 추가하고 있다면, 해당 좌표값이 이미 페이지 어딘가에 존재하거나 이를 간편하게 추가할 수도 있습니다.

지리적 위치 IP 조회

이 옵션은 여행 위젯의 'data-(origin|destination)-geo-lookup' 속성을 사용하여 설정됩니다.

사용자의 IP 주소를 사용하여 위치 정보를 조회함으로써 사용자와 가장 가까운 위치를 찾습니다.

스카이스캐너의 여행 위젯을 사용하면 당사의 이용 약관에 동의하시는 것으로 간주됩니다.