Guides

SNS 공유하기

☝🏻
사용자가 콘텐츠를 SNS에 공유하는 방법을 알려드릴게요.
🎒
시작 전에..
  • 앞에서 본 것처럼 Button(버튼)을 화면에 추가하고, Logic 창에서 Condition과 Result를 하나씩 만들어주세요.
  • Condition에서 “클릭 시”를 선택해주세요.
💬
카카오톡으로 공유하려면
  • Result에서 “카카오톡 공유”를 선택해주세요.
    • API Key와 제목, 내용, 이미지를 설정할 수 있는 란이 떠요!
  • 카카오톡에서 공유했을 때 나오게 할 제목, 내용, 이미지는 반드시 넣어주세요!
  • 서브도메인 또는 커스텀도메인을 적용하신 경우에는 반드시 카카오 API Key 를 발급하고 화이트리스트에 URL을 넣어주세요!
    • 서브도메인 : https://test.waveon.io 와 같이 앞부분에 텍스트가 추가된 URL
    • 커스텀도메인 : https://www.wavetoon.io 와 같이 개인적으로 사용 하시는 도메인
  • 카카오톡을 통해 특정 URL을 공유시 화이트리스트에 URL 을 넣어야 합니다. ( 하단 💡API Key 발급 및 서브도메인, 커스텀도메인 적용 방법 의 4번 수행 )
  • 서브도메인, 커스텀도메인을 쓰시더라도 기본 URL을 사용하시면 따로 API Key 를 설정하실 필요 없습니다.
    • 기본URL : https://www.waveon.io/apps/숫자 와 같은 형태의 URL

❓API Key가 무엇인가요?

  • 기본적으로 웨이브온의 API Key가 입력되어 있어요.
  • 각자 보유하고 있는 Key로 변경할 수 있어요.
  • https://developers.kakao.com 에서 발급 받을수 있어요

💡API Key 발급 및 서브도메인, 커스텀도메인 적용 방법

  1. https://developers.kakao.com 에 접속 하셔서 상단의 [내 애플리케이션] 을 클릭해 주세요.
  2. 애플리케이션이 없다면 [애플리케이션 추가하기] 를 통해 신규 애플리케이션을 생성해 주세요
  3. [내 애플리케이션 > 앱 설정 > 플랫폼] 으로 이동하셔서 가장 하단 [Web] 섹션으로 이동해 주세요. Kakao API Key Setting
  4. [Web플랫폼 등록] 또는 [수정] 을 눌러 사이트 도메인에 서브도메인 또는 커스텀 도메인을 입력해 주세요. (커스텀 도메인 또는 서브도메인을 사용 하시는 경우, 또는 특정 URL 을 공유 하시는 경우)
    Kakao API Key Setting 2
  5. [내 애플리케이션 > 앱 설정 > 요약정보] 로 이동하셔서 [앱 키] 에서 JavaScript 키를 복사해 주세요! Kakao API Key Setting 3
  6. 웨이브온 사이트로 이동해 주세요
  7. 만드신 앱에서 카카오톡 공유를 적용하실 버튼을 클릭하고 우측의 [로직] 패널에서 Result의 [카카오톡 공유] 의 API Key 부분에 복사한 키를 입력해 주세요. Kakao API Key Setting 4
  8. (필요시) https://developers.kakao.com 에서 썸네일, 앱 이름 등을 변경해 주세요. 변경한 내용은 카카오톡 공유하기 시에 설정하신 대로 표기 됩니다.
📔
페이스북으로 공유하려면
  • Result에서 “페이스북 공유”를 선택해주세요.
  • URL과 제목, 내용, 인용구를 설정할 수 있는 란이 떠요!
    • URL을 비워두시면 현재 페이지가 공유돼요.
    • 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.
🐦
트위터로 공유하려면
  • Result에서 "트위터 공유”를 선택해주세요.
  • URL과 내용, 해시태그를 설정할 수 있는 란이 떠요!
    • URL을 비워두시면 현재 페이지가 공유돼요.
    • 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.
    • 해시태그는 #를 붙이지 말고 콤마(,) 를 넣어주세요. 예를들어 #태그1, #태그2 와 같이 트위터에 공유하고 싶다면 Hashtags 에 아래와 같이 넣어주세요.
      태그1,태그2
✏️
현재 URL을 복사하게 하려면
  • Result에서 “현재 URL 복사”를 선택해주세요.
    • Condition이 만족되면 현재 URL이 복사돼요!