コンテンツにスキップ

共有可能なリンク

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

https://trvl.as/s/3xWCH

上記は、当社のリンクの一例です。短くて持ち運びやすく、覚えやすいのも魅力です。短いながらも、このリンクには爆発的な次のような情報量:

  • アプリID。
  • あなたのアフィリエイトID。
  • ユーザーに表示する画像とテキスト。
  • ルックアンドフィール(テーマ、色など)。
  • 価格照会に使用する旅程(大人2名、1泊)。
  • 価格を表示する通貨。
  • テキストを表示する言語。

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

アクション
検索結果のアクション

上の画像は検索検索結果でできることをいくつか紹介します。その一つがMake a linkそのボタンをクリックすると、共有可能なリンクフォームページにリダイレクトされ、リンクのカスタマイズを開始できます。

フォームでは、次の方法でリンクをカスタマイズできます。

  1. リンクの内容を覚えておくために名前を付けます。
  2. 選択してください カスタマイズ このリンクに応募してください。
  3. 使用するキーワードをカンマで区切って追加します。 ウェブクローラー
  4. オプションで、X アカウント ハンドルまたは Facebook アプリ ID を入力します。
  5. ユーザーに表示したい言語でタイトルと説明を追加します。
  6. Facebook や LinkedIn などのプラットフォームでリンクを共有するときに表示される画像を 1 つ以上選択します。
  7. 選択した画像の上にブランドデザインを追加するテーマ/オーバーレイを選択します。 注: この方法で、画像の上に価格が表示されます。
  8. クリック Save 続行するにはボタンをクリックしてください。
共有可能なリンク
共有可能なリンクエントリ

リンクを保存すると、共有可能なリンク ページにリダイレクトされ、リンクを世界と共有できるようになります。

アクション
共有可能なリンクアクション

上記は、リンクで利用可能なすべてのアクションを示す画像です。

  • プレビューリンクがどのように構成されているか、またそれがユーザーにどのように表示されるかについての簡単な概要を示します。
  • アップデートリンク構成を更新します。
  • WinkLinksに追加WinkLinks アカウントにリンクを追加します。
  • コピーリンクをクリップボードにコピーして、どこでも簡単に共有できるようにします(含む ウィンクリンクス)。
  • 共有多くのソーシャル ネットワークやメッセージング プラットフォームで共有するためのオプションを含む新しいウィンドウが開きます。
  • QRコード画像重視の IG などのプラットフォームで共有できる QR コードを生成します。
  • 埋め込みこのリンクを広告バナーあなたのウェブサイトに。
  • WordPressでの使用使い方を説明しますWordPressプラグインこのリンクをウェブサイトに埋め込みます。

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

プレビュー
共有可能なリンクのプレビュー

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

ソーシャルシェア
ソーシャルシェアオプション

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

ソーシャルシェア
QRコードで共有

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

QRコードを保存する方法:

  • ノートパソコンの場合は、画像を右クリックしてSave image
  • 携帯電話をご利用の場合:
    • 画像を写真に保存するオプションが表示されるまで、画像の上を指で押し続けます。
    • 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行目は、ウィンクコンテンツローダーWeb コンポーネントに、コードの広告バナーを取得するように指示します。
  • 11 行目では、Javascript をサイトに埋め込む方法を示しています。
  • 13行目は、ウィンクアプリローダーWeb コンポーネントにページレベルの構成設定を取得するように指示します。

共有可能なリンクを管理したい開発者は、開発者 > API > 在庫