--- 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以上のコンテナ内にウィジェットを設置してください。それより小さい場合、表示やスタイルに問題が生じる可能性があります。* **重要：Webサイトで[Content Security Policy（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/ja/affiliates/widgets-documentation/flight-search-widget#!)にご応募ください。   ## ウィジェットオプション ローカライズ設定、カラー、テキストなど、さまざまな項目をカスタマイズできます。各オプションの設定方法については、以下をご確認ください。 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" 指定した〈緯度〉,〈経度〉に最も近い出発地を設定します 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"**, **"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" "Powered by"テキストおよびスカイスキャナーのロゴサイズを、デフォルトと比較して設定します 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)