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

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

https://trvl.as/3xWCH

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

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

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

Настройка ссылки

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

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

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

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

Распространение ссылки

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

Preview Показывает быстрый обзор того, как настроена ссылка и как она будет выглядеть для пользователя.
Update Обновляет конфигурацию вашей ссылки.
Add to WinkLinks Добавляет ссылку в ваш аккаунт WinkLinks.
Copy Копирует ссылку в буфер обмена, чтобы вы могли легко поделиться ею где угодно (*включая WinkLinks *).
Share Открывает новое окно с вариантами для публикации в различных социальных сетях и мессенджерах.
QR code Генерирует QR-код, который можно использовать на платформах, ориентированных на изображения, таких как IG.
Embed Показывает, как встроить эту ссылку в виде рекламного баннера на ваш сайт.
Use with WordPress Показывает, как использовать наш плагин для WordPress для встраивания этой ссылки на ваш сайт.

Некоторые из этих опций мы рассмотрим подробнее ниже.

Предпросмотр

При нажатии на Preview вы увидите изображение с применённой темой. При публикации ссылки в социальных сетях, таких как Facebook, вы увидите именно такой же вид в своей ленте вместе с заголовком и описанием.

Публикация в соцсетях

Если нажать кнопку Share, откроется новое окно с удобными способами поделиться ссылкой напрямую в любимых социальных сетях и мессенджерах. Нажмите на любую иконку, чтобы продолжить публикацию ссылки в этой сети. Примечание: некоторые кнопки отображаются только при публикации с мобильного устройства.

QR-код

Если вы хотите поделиться QR-кодом вместо ссылки, нажмите кнопку QR code, и откроется новое окно с вашим 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 Component wink-content-loader и указать ему загрузить рекламный баннер для вашего кода.
Строка 11 показывает, как встроить наш Javascript на ваш сайт.
Строка 13 показывает, как встроить Web Component wink-app-loader и указать ему загрузить настройки конфигурации страницы.

API

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

Дополнительные материалы

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