공유 가능한 링크

공유 가능한 링크는 Wink의 핵심 기능이며, 인터넷에서 가능한 가장 간단한 방식, 즉 하이퍼링크를 통해 재고와 가격을 동적으로 전달해야 한다는 필요성에서 생겨났습니다.

https://trvl.as/s/3xWCH

위는 저희 링크 중 하나의 예시입니다. 짧고 휴대성이 뛰어나며, 기억하기에도 충분히 짧습니다. 짧지만, 이 링크는폭발물다음과 같은 정보의 양:

앱 ID.
귀하의 제휴사 ID입니다.
사용자에게 표시할 이미지와 텍스트입니다.
룩앤필(즉, 테마, 색상 등).
가격 조회에 사용할 여정(성인 2명, 1박).
가격을 표시할 통화입니다.
텍스트를 표시할 언어입니다.

이 기사의 나머지 부분에서는 링크를 만들고, 사용자 지정하고, 공유하는 방법을 안내합니다.

링크 만들기

위는 에서 가져온 이미지입니다.찾다검색 결과를 활용하여 수행할 수 있는 몇 가지 작업을 보여드립니다. 이러한 작업 중 하나는 다음과 같습니다.Make a link. 해당 버튼을 클릭하면 공유 가능한 링크 양식 페이지로 이동하여 링크를 맞춤 설정할 수 있습니다.

링크 사용자 정의

이 양식을 사용하면 다음과 같은 방법으로 링크를 사용자 지정할 수 있습니다.

링크의 내용을 기억할 수 있도록 이름을 지정하세요.
선택하세요 사용자 정의 이 링크를 통해 지원하세요.
쉼표로 구분된 키워드를 추가하세요. 웹 크롤러.
선택적으로 X 계정 핸들이나 Facebook 앱 ID를 입력하세요.
사용자에게 보여주고 싶은 언어로 제목과 설명을 추가하세요.
Facebook이나 LinkedIn 등의 플랫폼에서 링크를 공유할 때 표시할 이미지를 하나 이상 선택하세요.
선택한 이미지 위에 브랜드 디자인을 추가하는 테마/오버레이를 선택하세요. 참고: 이렇게 하면 이미지 위에 가격이 표시됩니다.
클릭 Save 계속하려면 버튼을 클릭하세요.

링크를 저장한 후에는 공유 가능한 링크 페이지로 이동하게 되며, 이제 링크를 전 세계와 공유할 수 있습니다.

링크 공유

위는 링크에 사용 가능한 모든 작업을 보여주는 이미지입니다.

시사링크가 어떻게 구성되었는지, 그리고 사용자에게 어떻게 보일지에 대한 간략한 개요를 보여줍니다.
업데이트링크 구성을 업데이트합니다.
WinkLinks에 추가WinkLinks 계정에 링크를 추가합니다.
복사링크를 클립보드에 복사하여 원하는 곳 어디에서나 쉽게 공유할 수 있습니다.포함 윙크링크스).
공유하다다양한 소셜 네트워크와 메시징 플랫폼에서 공유할 수 있는 옵션이 있는 새 창이 열립니다.
QR 코드IG와 같이 이미지 중심의 플랫폼에서 공유할 수 있는 QR 코드를 생성합니다.
포함시키다이 링크를 삽입하는 방법을 보여줍니다.광고 배너귀하의 웹사이트에.
WordPress와 함께 사용당사의 사용 방법을 보여줍니다워드프레스 플러그인이 링크를 귀하의 웹사이트에 삽입하세요.

아래에서는 이러한 옵션 중 일부에 대해 더 자세히 살펴보겠습니다.

시사

클릭하면Preview테마가 적용된 이미지가 표시됩니다. Facebook과 같은 소셜 미디어에 링크를 공유하면 피드에도 동일한 내용이 제목 및 설명과 함께 표시됩니다.

소셜 공유

클릭하면Share버튼을 클릭하면 새 창이 열리고, 즐겨 사용하는 소셜 네트워크와 메시지 앱에 바로 공유할 수 있는 편리한 방법이 제공됩니다. 해당 네트워크에 링크를 계속 게시하려면 아이콘 버튼을 클릭하세요.참고: 일부 버튼은 모바일 기기에서 공유할 때만 표시됩니다.

QR 코드

링크 대신 QR 코드를 공유하려면 다음을 클릭하세요.QR code버튼을 클릭하면 QR 코드가 표시된 새 창이 나타납니다.

QR 코드를 저장하는 방법:

노트북을 사용하는 경우 이미지를 마우스 오른쪽 버튼으로 클릭하고 선택하세요.Save image.
휴대폰을 사용하는 경우:
- 사진을 사진에 저장할 수 있는 옵션이 나타날 때까지 이미지 위에 손가락을 대고 길게 누릅니다.
- 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번째 줄에서는 다음을 사용하는 방법을 보여줍니다.윙크-컨텐츠-로더웹 구성 요소를 가져와서 코드에 맞는 광고 배너를 가져오도록 합니다.
11번째 줄에서는 Javascript를 사이트에 내장하는 방법을 보여줍니다.
13번째 줄에서는 다음을 포함하는 방법을 보여줍니다.윙크 앱 로더웹 구성 요소를 가져와서 페이지 수준 구성 기본 설정을 가져오도록 합니다.

API

공유 가능한 링크를 관리하려는 개발자는 다음으로 이동할 수 있습니다.개발자 > API > 인벤토리.

추가 읽기

우리의 컬렉션에 대해 자세히 알아보세요웹 구성 요소.
자세히 알아보세요윙크 워드프레스 플러그인.