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

Посилання для спільного доступу — це основна функція 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 Показує, як вбудувати це посилання як Ad Banner на ваш сайт.
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 плагін.