共有可能なリンク

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

https://trvl.as/3xWCH

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

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

この記事の残りの部分では、リンクの作成、カスタマイズ、共有方法を説明します。

リンクを作成する

上記は検索からの画像で、検索結果でできることの一部を示しています。その操作の一つにリンクを作成があります。そのボタンをクリックすると、共有可能なリンクのフォームページにリダイレクトされ、リンクのカスタマイズを開始できます。

リンクをカスタマイズする

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

リンクの内容を覚えておくための名前を付けます。
このリンクに適用したいカスタマイズを選択します。
ウェブクローラーが使用するキーワードをカンマ区切りで追加します。
任意で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

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

さらに読む

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