Quando você quiser fornecer opções de localização e datas na busca de voos no seu site, nosso widget de busca de voos simples oferece o que o usuário precisa para iniciar uma busca no Skyscanner.

 

Observação: a exibição do widget fica melhor na sua página de destino se estiver em um contêiner com uma largura de pelo menos 250px. Caso contrário, você pode ter problemas de apresentação.

Observação importante: se você estiver usando um cabeçalho de política de segurança de conteúdo para controlar recursos no site, permita as seguintes URLs: www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

 

Como gerar comissões com nossos widgets de viagem

Para acompanhar seu tráfego e gerar comissões com nossos widgets de viagem, sua parceria precisa ser aprovada no Impact, e você deve usar os códigos do widget de viagem fornecidos por meio do Impact com o acompanhamento correto. Inscreva-se para participar do nosso programa de afiliados aqui..

 

Opções de widget

Você pode personalizar seus widgets com localização, cores, texto e muito mais. Confira abaixo como definir essas opções.

skyscannerWidget

required

data-skyscanner-widget="SearchWidget"

Define o tipo de widget.

Show details

SearchWidget

locale
data-locale="ru-RU"

Define o idioma do widget.

Você pode usar um dos seguintes
"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"

(Observação: o valor "localização" diferencia maiúsculas de minúsculas)

Four letter locale code

"en-GB"

market
data-market="AU"

Define o domínio de destino do Skyscanner.

(Observação: isso afeta os voos exibidos com base nas restrições e no inventário do mercado local).

Two letter country code

"UK"

currency
data-currency="USD"

Define a moeda a ser exibida ao redirecionar para os resultados de busca do Skyscanner

Three letter currency code

"GBP"

originName

optional

data-origin-name="Edinburgh"

Define uma origem fixa (de)

Show details

Free text (Location name)

destinationName

optional

data-destination-name="Edinburgh"

Define um destino fixo (para)

Show details

Free text (Location name)

originIataCode

optional

data-origin-iata-code="LAX"

Define um aeroporto de origem fixo (de)

IATA code

destinationIataCode

optional

data-destination-iata-code="LAX"

Define um aeroporto de destino fixo (para)

Show details

IATA code

originGeoLookup

optional

data-origin-geo-lookup="true"

Usa GEO-IP para inferir uma origem (de)

Show details

true / false

false

destinationGeoLookup

optional

data-destination-geo-lookup="true"

Usa GEO-IP para inferir um destino (para)

true / false

false

originCoords

optional

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

Define a origem mais próxima de <latitude>,<longitude>

Comma separated pair of float numbers

destinationCoords

optional

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

Define o destino mais próximo de <latitude>,<longitude>

Show details

Comma separated pair of float numbers

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

Permite acompanhar as saídas do widget.

Você pode obter seu ID de associado com o gerente da sua conta ou falando conosco.

Affiliate ID string

"WIG_WBT_01426_00001"

target

optional

data-target="_self"

Abre os resultados de busca do Skyscanner na mesma janela (_self) ou em uma nova janela (_blank)

One of "_self", "_blank"

"_blank"

flightType

optional

data-flight-type="return"

Define o tipo de voo padrão.

One of "return", "one way"

"one way"

flightOutboundDate

optional

data-flight-outbound-date="2019-03-22"

Predefine a data do voo de ida

Date in the "YYYY-MM-DD" format

flightInboundDate

optional

data-flight-inbound-date="2019-03-25"

Predefine a data do voo de volta

Date in the "YYYY-MM-DD" format

colour

optional

data-colour="solar"

Altera a cor de fundo do widget

Show details

Preset color name or hex code

transparent

fontColour

optional

data-font-colour="#000"

Altera a cor da fonte do widget

Show details

Preset color name or hex code

Autocalculated to contrast the background

buttonColour

optional

data-button-colour="dawn"

Altera a cor de fundo do botão de busca

Show details

Preset color name or hex code

Blue

buttonFontColour

optional

data-button-font-colour="#fff"

Altera a cor da fonte do botão de busca.

Show details

Preset color name or hex code

Autocalculated to contrast the background of search button

buttonLabel

optional

data-button-label="Book now!"

Permite personalizar o texto do botão exibido no widget.

Free text

"Search Flights"

buttonTextSize

optional

data-button-text-size="1.4"

Define a escala do texto no botão de busca em comparação com o tamanho padrão.

Float number

1.4

arrowIcon

optional

data-arrow-icon="true"

Mostra o ícone de seta em vez do ícone de avião no botão de busca

true / false

false

poweredByLogoColour

optional

data-powered-by-logo-colour="light"

Altera a cor do logotipo do Skyscanner.

Show details

One of "default", "light", "dark"

"default"

poweredBySize

optional

data-powered-by-size="1.5"

Define o tamanho (fator de escala) do texto "Com tecnologia do" e do logotipo do Skyscanner em comparação com o tamanho padrão.

Show details

Float number

1

widgetPadding

optional

data-widget-padding="10px 12px"

Define as margens de preenchimento de todo o widget.

Show details

A number in pixels or a value of CSS "padding" rule

0

widgetBorderRadius

optional

data-widget-border-radius="4"

Define o raio de arredondamento da borda de todo o widget

Show details

A number in pixels or a value of CSS "border-radius" rule

0

widgetScale

optional

data-widget-scale="1.3"

Dimensiona todo o widget.
O valor define quantas vezes o widget deve ser maior que o tamanho original.

Float number

1

enablePlaceholders

optional

data-enable-placeholders="true"

Troca os rótulos "de" e "para" acima das entradas por espaços reservados nas entradas, simplificando a exibição da página.

true / false

false

responsive

optional

data-responsive="true"

Torna o widget responsivo e permite que ele se encaixe em uma única linha (se for largo o suficiente)

Observação: isso oculta os botões de opção "Ida e volta/Só ida".

true / false

false

utmTerm

optional

data-utm-term="blog"

Um parâmetro de acompanhamento alfanumérico adicional que é informado no Impact como SubId2.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="100"

O índice z do contêiner do widget.

Number

500

webOnlyRedirects

optional

data-web-only-redirects="true"

Determina se os viajantes são redirecionados para o aplicativo do Skyscanner. Definir como verdadeiro impede que o redirecionamento inicial abra o aplicativo do Skyscanner.

true / false

false

 

Construtor de widgets

Aqui você pode experimentar os parâmetros dos widgets e construir o widget de busca de voos simples que preferir usando o painel lateral à esquerda. Há muitas opções, então busque a ideal para você!