> For the complete documentation index, see [llms.txt](https://docs.waveon.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.waveon.io/landing/sns.md).

# 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

<details>

<summary>❓API Key가 무엇인가요?</summary>

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

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

1. [https://developers.kakao.com](https://developers.kakao.com/) 에 접속 하셔서 상단의 **\[내 애플리케이션]** 을 클릭해 주세요.
2. 애플리케이션이 없다면 **\[애플리케이션 추가하기]** 를 통해 신규 애플리케이션을 생성해 주세요
3. **\[내 애플리케이션 > 앱 설정 > 플랫폼]** 으로 이동하셔서 가장 하단 **\[Web]** 섹션으로 이동해 주세요.&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-1.png" alt=""><figcaption></figcaption></figure>
4. **\[Web플랫폼 등록] 또는 \[수정]** 을 눌러 사이트 도메인에 **서브도메인** 또는 **커스텀 도메인**을 입력해 주세요. (커스텀 도메인 또는 서브도메인을 사용 하시는 경우, 또는 특정 URL 을 공유 하시는 경우)<br>

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-2.png" alt=""><figcaption></figcaption></figure>
5. **\[내 애플리케이션 > 앱 설정 > 요약정보]** 로 이동하셔서 **\[앱 키]** 에서 **JavaScript 키**를 복사해 주세요!&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-3.png" alt=""><figcaption></figcaption></figure>
6. **웨이브온 사이트**로 이동해 주세요
7. 만드신 앱에서 카카오톡 공유를 적용하실 버튼을 클릭하고 우측의 **\[로직]** 패널에서 Result의 \[카카오톡 공유] 의 **API Key** 부분에 복사한 키를 입력해 주세요.&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-4.png" alt=""><figcaption></figcaption></figure>
8. (필요시) [https://developers.kakao.com](https://developers.kakao.com/) 에서 썸네일, 앱 이름 등을 변경해 주세요. 변경한 내용은 카카오톡 공유하기 시에 설정하신 대로 표기 됩니다.

</details>

### 📔페이스북으로 공유하려면

* Result에서 “페이스북 공유”를 선택해주세요.
* URL과 제목, 내용, 인용구를 설정할 수 있는 란이 떠요!
  * URL을 비워두시면 현재 페이지가 공유돼요.
  * 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.

### 🐦트위터로 공유하려면

* Result에서 "트위터 공유”를 선택해주세요.
* URL과 내용, 해시태그를 설정할 수 있는 란이 떠요!
  * URL을 비워두시면 현재 페이지가 공유돼요.
  * 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.
  * 해시태그는 #를 붙이지 말고 콤마(,) 를 넣어주세요. 예를들어 #태그1, #태그2 와 같이 트위터에 공유하고 싶다면 Hashtags 에 아래와 같이 넣어주세요.태그1,태그2

### ✏️현재 URL을 복사하게 하려면

* Result에서 “현재 URL 복사”를 선택해주세요.
  * Condition이 만족되면 현재 URL이 복사돼요!