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

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

https://trvl.as/3xWCH

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

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

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

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

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

По умолчанию ссылка получает имя вашего инвентаря на английском языке. Вы можете дать ей любое имя, которое поможет вам запомнить, о чём эта ссылка.
По умолчанию к ссылке применяется ваш основной бренд / настройка. Вы можете выбрать другие Customizations, созданные вами в Wink Studio.
Добавьте ключевые слова, разделённые запятой, которые будут использоваться веб-краулерами.
При желании введите ваш 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

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

При нажатии на 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.