コンテンツにスキップ

Customization

カスタマイズは、コードを一切書かずにWinkとの連携のあらゆる側面をコントロールできる強力な機能です。販売するすべての在庫をカスタマイズできます。機能の追加や削除、カラースキームの変更など、様々なカスタマイズが可能です。

カスタマイズ
カスタマイズエントリ

乗っている間Customizationページで、Actions作業したいカスタマイズの下のボタンをクリックし、Updateアカウント作成時に既にデフォルトのエントリが設定されています。このエントリは削除できません。

するとカスタマイズフォームが開き、5~7個のタブが表示されます(アカウントの種類に応じて)。

利用可能なオプションは次のとおりです。Generalタブ。

  • 名前カスタマイズに簡単に覚えられる名前を付けます。例えば、私の旅行ブログの場合
  • 通貨を表示予約可能な旅行在庫の横にユーザーに表示される初期通貨を選択します。例:米ドル
  • 表示言語ユーザーが最初に目にする言語を選択してください。例:英語
  • ページタイトルに追加ページタイトルに追加される内容を制御できます(ブラウザタブに表示されるタイトル)。これは主に予約エンジンに使用されます。例えば、https://ota.wink.travelにアクセスすると、デフォルトでは次のように表示されます。`Home | Traveliko - Hotels with Benefits`. ’|’ パイプの後のすべてを変更できます。

そのThemeタブでは、予約エンジン Webサイト、 ウィンクリンクスウェブサイトとすべてのWebコンポーネント

このセクションでは、デザインとカードのレイアウトを設定できます。現時点では、Wink というデザインが 1 つだけあります。

カードレイアウトは、ユーザーに表示する取引カードを横並びで表示するか縦並びで表示するかを制御します。表示される情報は同じです。

:::注 モバイル端末で取引カードを閲覧する場合、カードレイアウトに違いはありません。ただし、iPad miniや高解像度の端末では違いが確認できます。 :::

:::tip[プロのヒント] リスト内の旅行在庫(客室タイプなど)が4つ未満の場合、横長レイアウトを使用すると見栄えが良くなります。 :::

色は、UIコンポーネントやウェブサイトのユーザーへの見え方を制御します。既存のカラースキーム(もしあれば)に合わせて色を設定してください。

豊富な定義済みカラーをご用意しておりますので、ぜひお試しください。定義済みのテーマは、以下のフォームフィールドの色を変更します。また、完全に独自の色を設定することもできます。

色
色の形

以下の開発者サンドボックスでカラースキームをテストしてください。

テーマ設定

:::ヒント[プロのヒント] 開発者サンドボックスでは、カードの右側にある灰色の四角形をドラッグすることで各カードの幅を変更し、異なる解像度でどのように表示されるかを確認できます。 :::

GA4アナリティクスは標準でサポートされています。拡張eコマースのコンバージョンパス全体を最初から最後まで追跡したい場合は、測定IDをご用意の上、下の欄に入力してください。Analyticsタブ。

当社の地図をサイトに埋め込むには、WordPressプラグイン または Webコンポーネント、独自の Google Maps API キーをご提供いただく必要があります。

:::注記 ここでGoogle Maps APIキーを作成してください:::

キーを生成し、サイトに合わせて設定したら、Analyticsタブ。

そのItinerary選択した在庫の価格が確実に表示されるようにする点では、このタブが最も興味深いでしょう。 旅行在庫の価格設定はかなり複雑なため、Wink は正確な価格を表示する前にユーザーの旅程を把握する必要があります。

このセクションでは、次のようなすべてのデジタル不動産の価格を表示するためのデフォルトの旅程を設定できます。

  • 価格オーバーレイを備えたソーシャルフレンドリーな画像。
  • WinkLinks のグリッド、カード、リンク。
  • Webコンポーネント
  • 予約エンジン

静的な日付範囲を設定するか、ローリングの日付範囲を設定するかを選択できます。

  • 特定の日付に発生する特定のイベントに対してカスタマイズを使用する場合は、静的な日付範囲を選択します。
  • 次のいずれかを行う場合は、ローリング日付範囲を選択します。
    1. デフォルトは今日 + 1 泊です。ほとんどの OTA ではこれが適用されます。
    2. 常に空きがある将来の日付をデフォルトに設定します。

デフォルトでは、旅程は大人2名に設定されています。これは、ほとんどの旅行者にとって最も一般的な設定です。 これは簡単に変更でき、大人と子供の両方を含む複数の宿泊者が宿泊する複数の部屋を追加できます。

プロモーションは、ユーザーの時間を節約できる便利な機能です。宿泊施設から友人と共有できるプロモーションコードが提供されている場合は、ここで入力できます。 あなたのリンクなどからアクセスしたユーザーの旅程にプロモーションコードが自動的に追加され、割引価格が自動的に適用されます。

そのIntegrationこのタブは、Wink での予約の分配方法をより細かく制御したいホテル、インテグレーター、旅行代理店向けです。

これにより、ホテルとインテグレーターは、予約が発生した際にWinkから関係者全員に通知を受け取るオプションを利用できるようになります。これにはチャネルマネージャーへの通知も含まれます。

デフォルトでは、これらのオプションはすべて有効になっています。インテグレーターがこれらの機能の1つ以上を無効にする必要があるユースケースは次のとおりです。

  • 旅行代理店は API レベルで統合されており、独自の確認メールを送信したいと考えています。
  • ホテルは統合をテストしており、営業スタッフに迷惑をかけたくないと考えています。
  • ホテルは電子メールを気にしておらず、PMS 経由でのみ通知を受け取りたいと考えています。

弊社の電子メール通知サービスを使用したいインテグレーターは、その電子メールが自分たちから送信されたように見えるようにカスタマイズできます。

:::注 推奨サイズは幅300ピクセル x 高さ75ピクセルです。 :::

の下でHotel-specificタブには、ホテルが予約エンジンのランディング ページに何を表示するか、またリクエストされた旅程に在庫がない場合に何を表示するかを制御できるオプションがあります。

  • ランキング: まだ意味のあるランキングを獲得していないプロパティでは、その機能を無効にすることを選択する場合があります。

:::注 宿泊施設側では、アフィリエイトがホテルのランディングページをどのように表示するかを選択することはできません。これらは2つの異なる設定です。 :::

  • 可用性: 空きがない場合でも在庫を表示し続けるかどうかをプロパティで選択できます。

ほとんどの場合、Customizationリンク、カード、マップ、グリッドに適用します。

手動で構成を適用する場合、次のような場合が考えられます。

  • 手動オーバーライド予約エンジンへのリンクを直接共有したいのですが、共有可能なリンクカスタム構成が適用された機能。
  • WordPressプラグインWinkに設定を追加するWordPressプラグイン Settings
  • カスタム統合弊社のツールを使ってカスタムインテグレーターに手動で適用します。ウィンクアプリローダーWeb コンポーネント。

ここでは、すべての設定を含む構成 ID を当社のメイン予約エンジン URL に適用する方法の簡単な例を示します。

https://ota.wink.travel?configurationId=MY-UNIQUE-ID

:::注 ユーザーがこのリンクをクリックすると、アフィリエイトアトリビューションCookieも設定されます。 :::

に移動ウィンクWordPressプラグイン詳細については、こちらをご覧ください。

ページ上の埋め込まれたすべてのWink Webコンポーネントをコントロールするには、ウィンクアプリローダーWeb コンポーネント。

以下は、MY-UNIQUE-ID構成IDとして。

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="MY-UNIQUE-ID"
></wink-app-loader>
</body>
</html>

カスタマイズを管理したい開発者は、開発者 > API > 在庫