Посилання для спільного доступу

Посилання для спільного доступу — це основна функція Wink, яка виникла з потреби динамічно передавати інформацію про інвентар та ціни найпростішим способом в Інтернеті; а саме через гіперпосилання.

https://trvl.as/3xWCH

Вгорі наведено приклад одного з наших посилань. Воно коротке і зручне для перенесення… навіть настільки коротке, що його можна запам’ятати. Хоча посилання коротке, воно містить величезну кількість інформації, такої як:

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

Далі в цій статті описано, як створити, налаштувати та поділитися своїми посиланнями.

Створення посилання

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

Налаштування посилання

Форма дозволяє налаштувати посилання наступним чином:

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

Посилання для спільного доступу — *Запис посилання для спільного доступу*

Після збереження посилання вас перенаправить на сторінку посилань для спільного доступу, і ваше посилання готове до поширення.

Поширення посилання

Вгорі зображення з усіма доступними діями для вашого посилання:

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

API

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

Додаткове читання

Дізнайтеся більше про нашу колекцію Web Components.
Дізнайтеся більше про плагін Wink для WordPress.