共有可能なリンク

共有可能なリンクは Wink のコア機能であり、インターネット上で最もシンプルな方法、すなわちハイパーリンクを通じて、在庫と価格情報を動的に伝える必要性から生まれました。

https://trvl.as/3xWCH

上記は当社のリンクの一例です。短くて持ち運びやすく…覚えられるほど短いです。このリンクには以下のような膨大な情報が詰まっています：

あなたのアプリID。
あなたのアフィリエイトID。
ユーザーに表示する画像とテキスト。
見た目のデザイン（テーマ、色など）。
価格照会に使う旅程（大人2名、1泊）。
価格表示に使う通貨。
テキスト表示に使う言語。

この記事の残りでは、在庫へのリンクの管理方法を説明します。

リンクのカスタマイズ

フォームでは以下の方法でリンクをカスタマイズできます：

デフォルトでは、リンクには在庫の英語名が付けられます。リンクの内容を思い出せる任意の名前を付けられます。
デフォルトで、プライマリーブランディング／カスタマイズがリンクに適用されます。Wink Studio で生成した他のカスタマイズを選択できます。
カンマで区切ったキーワードを追加できます。これは Webクローラーによって使用されます。
任意で X アカウントのハンドル名や Facebook アプリIDを入力します。
ユーザーに見せたい言語でタイトルと説明を追加します。
Facebook や LinkedIn などのプラットフォームでリンクを共有したときに表示される画像を1枚以上選択します。
選択した画像の上にブランドデザインを追加するテーマ／オーバーレイを選びます。注：これにより画像の上に価格が表示されます。
保存 ボタンをクリックして続行します。

リンクを保存すると、共有可能なリンクのページにリダイレクトされ、リンクは世界と共有する準備が整います。

リンクの共有

上の画像はリンクに利用可能なすべてのアクションを示しています：

プレビュー リンクの設定内容とユーザーにどのように見えるかを簡単に確認できます。
更新リンクの設定を更新します。
WinkLinks に追加 リンクを WinkLinks アカウントに追加します。
コピー リンクをクリップボードにコピーし、どこでも簡単に共有できます（WinkLinks も含む）。
共有新しいウィンドウが開き、多くのソーシャルネットワークやメッセージングプラットフォームで共有するオプションが表示されます。
QRコード IGなど画像中心のプラットフォームで共有できるQRコードを生成します。
埋め込み このリンクを広告バナーとしてウェブサイトに埋め込む方法を表示します。
WordPressで使用 当社の WordPressプラグインを使ってこのリンクをウェブサイトに埋め込む方法を表示します。

以下でこれらのオプションのいくつかを詳しく説明します。

プレビュー

プレビュー をクリックすると、テーマが適用された画像が表示されます。Facebookなどのソーシャルメディアでリンクを共有すると、タイトルと説明とともに同じものがフィードに表示されます。

ソーシャル共有

共有 ボタンをクリックすると、新しいウィンドウが開き、お気に入りのソーシャルネットワークやメッセージングアプリに直接共有できる便利な方法が表示されます。アイコンボタンをクリックして、そのネットワークでリンクの投稿を続けてください。注：一部のボタンはモバイルデバイスから共有するときのみ表示されます。

QRコード

リンクの代わりにQRコードを共有したい場合は、QRコード ボタンをクリックすると、新しいウィンドウにQRコードが表示されます。

QRコードの保存方法：

ノートパソコンの場合は、画像を右クリックして 画像を保存 を選択します。
スマートフォンの場合は：
- 画像の上で指を長押しし、画像を写真に保存するオプションが表示されるまで待ちます。
- QRコードのスクリーンショットを撮り、トリミングして写真に保存します。

埋め込み

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="AD_BANNER"
       id="3xWCH"
    ></wink-content-loader>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

サイトに広告バナーとしてリンクを埋め込む方法は以下の通りです：

3行目は Wink のスタイルをサイトに埋め込む方法を示しています。
6〜9行目は wink-content-loader Webコンポーネントを使い、コードに対応する広告バナーを取得する方法を示しています。
11行目は当社のJavascriptをサイトに埋め込む方法を示しています。
13行目は wink-app-loader Webコンポーネントを使い、ページレベルの設定を取得する方法を示しています。

API

共有可能なリンクを管理したい開発者は、Developers > API > Inventory にアクセスしてください。

さらに読む

当社の Webコンポーネントコレクションについて詳しく学ぶ。
Wink WordPressプラグインについて詳しく学ぶ。