Ссылки для совместного использования

Ссылки для совместного использования — это основная функция Wink, которая возникла из необходимости динамично передавать информацию об инвентаре и ценах самым простым способом в Интернете — через гиперссылку.

https://trvl.as/3xWCH

Выше приведён пример одной из наших ссылок. Она короткая и удобная для передачи… даже достаточно короткая, чтобы её запомнить. Несмотря на краткость, эта ссылка содержит взрывное количество информации, такой как:

Ваш App ID.
Ваш Affiliate ID.
Изображение(я) и текст, которые будут отображаться пользователю.
Внешний вид (тема, цвета и многое другое).
Маршрут для запроса цены (2 взрослых, 1 ночь).
Валюта для отображения цены.
Язык для отображения текста.

Далее в статье вы узнаете, как создавать, настраивать и делиться своими ссылками.

Создать ссылку

Выше изображение из Поиска, показывающее некоторые действия, которые вы можете выполнить с результатами поиска. Одно из этих действий — Создать ссылку. Нажмите на эту кнопку, и вы перейдёте на страницу формы создания ссылки для совместного использования, где сможете начать её настройку.

Настроить ссылку

Форма позволяет настроить ссылку следующими способами:

Дайте ей имя, чтобы помнить, о чём эта ссылка.
Выберите Настройку, которую хотите применить к этой ссылке.
Добавьте ключевые слова, разделённые запятой, которые будут использоваться веб-краулерами.
По желанию введите ваш аккаунт в X или Facebook App ID.
Добавьте заголовки и описания на языках, которые вы хотите показать пользователю.
Выберите одно или несколько изображений, которые будут отображаться при публикации ссылки на платформах, таких как Facebook или LinkedIn.
Выберите тему / наложение, которое добавит фирменный дизайн поверх выбранных изображений. Примечание: именно так вы можете отображать цены поверх изображения.
Нажмите кнопку Сохранить, чтобы продолжить.

Ссылка для совместного использования — *Запись ссылки для совместного использования*

После сохранения ссылки вы будете перенаправлены на страницу ваших ссылок для совместного использования, и ваша ссылка будет готова к распространению.

Поделиться ссылкой

На изображении выше показаны все доступные действия для вашей ссылки:

Предпросмотр Показывает краткий обзор того, как настроена ссылка и как она будет выглядеть для пользователя.
Обновить Обновляет конфигурацию вашей ссылки.
Добавить в WinkLinks Добавляет ссылку в ваш аккаунт WinkLinks.
Копировать Копирует ссылку в буфер обмена, чтобы вы могли легко поделиться ею где угодно (*включая WinkLinks *).
Поделиться Открывает новое окно с вариантами для публикации в различных социальных сетях и мессенджерах.
QR-код Генерирует QR-код, который можно использовать на платформах, ориентированных на изображения, таких как Instagram.
Встроить Показывает, как встроить эту ссылку в виде рекламного баннера на ваш сайт.
Использовать с 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 показывают, как использовать Web-компонент wink-content-loader и указать ему загрузить рекламный баннер для вашего кода.
Строка 11 показывает, как встроить наш Javascript на ваш сайт.
Строка 13 показывает, как встроить Web-компонент wink-app-loader и указать ему загрузить ваши настройки конфигурации страницы.

API

Разработчики, желающие управлять ссылками для совместного использования, могут перейти в раздел Разработчикам > API > Инвентарь.

Дополнительное чтение

Узнайте больше о нашей коллекции Web Components.
Узнайте больше о плагине Wink для WordPress.