Przejdź do głównej zawartości

Linki do udostępniania

Linki do udostępniania to podstawowa funkcja Wink, która powstała z potrzeby dynamicznego komunikowania dostępności i cen w najprostszy możliwy sposób w Internecie; mianowicie za pomocą hiperłącza.

https://trvl.as/3xWCH

Powyżej znajduje się przykład jednego z naszych linków. Jest krótki i przenośny… nawet na tyle krótki, by go zapamiętać. Mimo krótkiej formy, ten link zawiera eksplodującą ilość informacji, takich jak:

  • Twój App ID.
  • Twój Affiliate ID.
  • Obraz(y) i tekst do wyświetlenia użytkownikowi.
  • Wygląd i styl (np. motyw, kolory i inne).
  • Plan podróży do wykorzystania w zapytaniu cenowym (2 dorosłych, 1 noc).
  • Waluta, w której wyświetlana jest cena.
  • Język, w którym wyświetlany jest tekst.

Reszta tego artykułu przeprowadzi Cię przez proces tworzenia, dostosowywania i udostępniania linków.

Actions
Akcje wyników wyszukiwania

Powyższe zdjęcie pochodzi z Search i pokazuje niektóre z rzeczy, które możesz zrobić z wynikami wyszukiwania. Jedną z tych akcji jest Make a link. Kliknij ten przycisk, a zostaniesz przekierowany do formularza linku do udostępniania, gdzie możesz zacząć dostosowywać swój link.

Formularz pozwala dostosować link na następujące sposoby:

  1. Nadaj mu nazwę, abyś pamiętał, czego dotyczy link.
  2. Wybierz Customization, którą chcesz zastosować do tego linku.
  3. Dodaj słowa kluczowe, oddzielone przecinkiem, które będą używane przez Web Crawlers.
  4. Opcjonalnie wpisz swój identyfikator konta X lub Facebook App ID.
  5. Dodaj tytuły i opisy w językach, które chcesz, aby użytkownik widział.
  6. Wybierz jeden lub więcej obrazów, które pojawią się podczas udostępniania linku na platformach takich jak Facebook czy LinkedIn.
  7. Wybierz motyw / nakładkę, która dodaje markowy design na wybranych obrazach. Uwaga: To jest sposób, w jaki ceny są wyświetlane na obrazach.
  8. Kliknij przycisk Save, aby kontynuować.
Shareable link
Wpis linku do udostępniania

Po zapisaniu linku zostaniesz przekierowany na stronę linków do udostępniania, a Twój link jest już gotowy do udostępnienia światu.

Actions
Akcje linku do udostępniania

Powyżej znajduje się obraz pokazujący wszystkie dostępne akcje dla Twojego linku:

  • Preview Pokazuje szybki podgląd, jak link został skonfigurowany i jak będzie wyglądał dla użytkownika.
  • Update Aktualizuje konfigurację linku.
  • Add to WinkLinks Dodaje link do Twojego konta WinkLinks.
  • Copy Kopiuje link do schowka, abyś mógł go łatwo udostępnić gdziekolwiek chcesz (*w tym w WinkLinks *).
  • Share Otwiera nowe okno z opcjami udostępniania na wielu sieciach społecznościowych i platformach komunikacyjnych.
  • QR code Generuje kod QR, który możesz udostępnić na platformach takich jak IG, które są bardziej nastawione na obrazy.
  • Embed Pokazuje, jak osadzić ten link jako Ad Banner na swojej stronie internetowej.
  • Use with WordPress Pokazuje, jak używać naszego WordPress plugin do osadzenia tego linku na swojej stronie.

Niektóre z tych opcji omówimy szczegółowiej poniżej.

Preview
Podgląd linku do udostępniania

Po kliknięciu Preview zobaczysz obraz z zastosowanym motywem. Gdy udostępnisz link w mediach społecznościowych, takich jak Facebook, możesz spodziewać się, że pojawi się on w Twoim feedzie wraz z tytułem i opisem.

Social share
Opcje udostępniania społecznościowego

Po kliknięciu przycisku Share otworzy się nowe okno z wygodnym sposobem na bezpośrednie udostępnianie na ulubionych sieciach społecznościowych i aplikacjach do komunikacji. Kliknij dowolny z przycisków ikon, aby kontynuować publikowanie linku w tej sieci. Uwaga: Niektóre przyciski pojawią się tylko podczas udostępniania z urządzenia mobilnego.

Social share
Udostępnianie za pomocą kodu QR

Jeśli chcesz udostępnić kod QR zamiast linku, kliknij przycisk QR code, a pojawi się nowe okno z Twoim kodem QR.

Jak zapisać kod QR:

  • Jeśli jesteś na laptopie, kliknij prawym przyciskiem myszy na obraz i wybierz Zapisz obraz.
  • Jeśli jesteś na telefonie:
    • Naciśnij i przytrzymaj palec na obrazie, aż pojawi się opcja zapisania obrazu do Zdjęć.
    • Zrób zrzut ekranu kodu QR, przytnij go i zapisz do Zdjęć.
<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>

Oto jak osadzić swój link jako baner reklamowy na swojej stronie:

  • Linia 3 pokazuje, jak osadzić style Wink na swojej stronie.
  • Linie od 6 do 9 pokazują, jak użyć wink-content-loader Web Component i polecić mu pobranie banera reklamowego dla Twojego kodu.
  • Linia 11 pokazuje, jak osadzić nasz Javascript na stronie.
  • Linia 13 pokazuje, jak osadzić wink-app-loader Web Component i polecić mu pobranie preferencji konfiguracji na poziomie strony.

Deweloperzy, którzy chcą zarządzać linkami do udostępniania, mogą przejść do Developers > API > Inventory.