Quando você quiser fornecer opções de localização e datas na busca de hotéis no seu site, nosso widget de busca de hotéis 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..

 

 

Verifique se os termos comerciais no Impact incluem os pagamentos de hotéis, caso contrário, você não receberá nenhuma comissão.  

 

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

Define o tipo de widget.

Show details

HotelSearchWidget

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"

destinationName

optional

data-destination-name="Edinburgh"

Define um destino fixo (para)

Show details

Free text (Location name)

destinationGeoLookup

optional

data-destination-geo-lookup="true"

Usa GEO-IP para inferir um destino (para)

true / false

false

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"

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

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) 

true / false

false

hotelCheckInDate

optional

data-hotel-check-in-date="2019-03-22"

Predefine a data de check-in do hotel.

Date in the "YYYY-MM-DD" format

hotelCheckOutDate

optional

data-hotel-check-out-date="2019-03-25"

Predefine a data de check-out do hotel.

Date in the "YYYY-MM-DD" format

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

 

Construtor de widgets

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