본문 바로가기
노션 템플릿 및 사용법

[노션 수익화] 노션 광고 붙이는 방법 공유 (Feat. 쿠팡 파트너스)

by 천라의 2023. 6. 19.
반응형

 

노션 광고 붙이는 방법
노션 광고 붙이는 방법 수익화 쿠팡 파트너스

노션에 쉽게 광고 붙이기 

 노션 공개 페이지를 운영하시는 분들이 꽤 되시는 걸로 알고 있다. 노션을 블로그처럼 사용하시는 분들도 계시고. 그러다보니, 노션으로 돈을 벌 수 있는 방법이 있지 않을까?? 하시는 분들이 계실텐데. Oopy로 연동하여 하는 애드센스 말고 쿠팡 파트너스로 노션에 광고 쉽게 붙여보자. 참고로 나는 이렇게 운영중이다. 노션 광고 붙인 페이지보러가기
 

쿠팡 파트너스 가입 부터 배너 생성까지

쿠팡 파트너스란, 쿠팡이 운영하는 제휴 광고 시스템이다. 쿠팡에서 판매되는 상품을 내가 쿠팡 파트너스에서 생성한 링크를 통해 판매되면 판매가의 3%를 받을 수 있는 제휴 시스템이다. 이걸로 노션 수익화 및 광고 붙이기를 해볼 건데. 그를 위해 간단한 쿠팡 파트너스 가입방법을 안내한다.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 회원가입

먼저 쿠팡 파트너스 사이트에 접속하여 절차에 따라 회원 가입을 한다.  쿠팡 아이디로 가입이 가능하며, 추천인 코드 입력시 입력자와 피입력자 모두 일정기간 판매 수수료를 함께 받을 수 있으니 꼭 입력한다. (추천인 코드: AF2114758)
쿠팡 파트너스에 가입하고 인증을 받았다면, 이제 노션에 광고 붙이기는 아주 쉽다.(사실 이 블로그에 '노션 광고 붙이기'로 검색하여 접속하시는 분들이라면 쿠팡 파트너스를 이미 다루고 계실 것이라 생각한다.)

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 다이나믹 배너 설정

우선 쿠팡 파트너스 상단 메뉴 중 [링크 생성 - 다이나믹 배너]를 누른다.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스

배너 생성 버튼을 눌러서 노션에 붙일 광고 배너를 만들자. 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 다이나믹배너

그러면 이런 화면이 나오는데, 배너 제목과 배너 타입, 크기를 자신에게 맞게 조절하자, 예를 들면, 이렇게:

노션 광고 붙이는 방법 수익화 쿠팡 파트너스노션 광고 붙이는 방법 수익화 쿠팡 파트너스

나는 쿠팡 배너를 노션에 광고로 붙일거라면, [파트너스 추천]이나, [고객 관심 기반 추천]이 무난하다고 생각한다. 불특정 다수를 방문시킬 목적이 크다고 생각하기 때문인데. 이건 노션 페이지 주제 마다 다를 문제라 나름대로 고민하여 선택하면 좋겠다. 크기 같은 경우는 자신의 노션 페이지가 주로 어떤 기기에서 열릴지 고민해서 선택하는 것이 좋겠다. 나같은 경우는 PC에서 자주 들어올 것으로 예상하여 디폴트 세팅 그대로 했고, 모바일이라면 가로 400정도가 적당하지 않을까 싶다. 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스노션 광고 붙이는 방법 수익화 쿠팡 파트너스
너비 400의 경우

노션이 반응형 웹사이트이지지만 쿠팡 배너 광고를 노션에 붙이는 건 반응형으로 줄여주진 않기 때문에 이부분은 고민해볼 필요가 있다. 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 배너만들기

세팅 후에 [배너만들기]를 누르면 노션 광고 붙이기 3분 1 끝!

노션에 붙일 광고 HTML 블럭으로 만들기

윗 단계에서  배너 만들기를 누르거나, 혹은 [링크 생성-다이나믹배너 -리스트 항목 중 코드 받고 싶은 항목 수정 버튼]을 누르면, 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스

하단에 이렇게 파트너스 코드가 나온다. 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스

 
노션에 광고를 붙이기 위해서는 자바스크립트가 아니라 iframe 태그가 필요하니 iframe으로 바꿔준다. 그리고 [복사 버튼]을 눌러 광고 코드를 복사해준다.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 아이프레임

그리고, 아래의 노션 툴즈 - HTML 블록 사이트에 접속하자
https://www.notion-tools.com/embeds/html

HTML 블록

<!-- Created By NTBot (sidebar) - 2021-05-27 13:44:06.418648 --> <style>.notion-page-content>.notion-column_list-block>div:first-child>div:nth-child(1) {width: calc(100% - 46px - 300px) !important;}.notion-page-content>.notion-column_list-block>div:first-c

www.notion-tools.com

방문한 곳을 보면 이렇게 공란이 있는데

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 HTML 블록

윗쪽 공란에 아까 복사해온 광고 iframe 코드를 넣자.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 HTML 블록
0

그리고 [링크 생성하기]를 클릭하면

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 링크 완료

이렇게 임베딩할 수 있는 URL코드가 나옴. 이걸 복사해서 노션에 넣으면 광고를 붙일 수 있다 이걸로 노션에 광고 붙이기 3분의 2 완료.
 

노션 광고 코드 임베드로 붙여넣기. 

이제 위에서 나온 URL을 원하는 노션 페이지에 임베드로 넣어주기만 하면 된다. 
광고를 붙이길 원하는 노션 페이지에 접속하고.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 노션 페이지

노션 광고 붙이고 싶은 곳에 "/임베드"를 입력 (혹은 영어로 "/embed")

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 임베드
6

 
호출되는 입력 창에 복사한 URL 넣고 [링크 임베드] 클릭 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 임베드 하는법

 
그러면 이렇게 광고가 호출된다.

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 광고 배너 적용

이렇게 하면 쿠팡파트너스 배너로 노션에 광고 붙이기 완료!
나는 지금 몇몇 노션 페이지를 이렇게 광고를 붙여뒀는데, 비슷한 양식의 페이지라 템플릿에다가 저 배너를 넣어두고 복사해서 사용하고 있다. 

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 배너 설정 완료

노션 광고 붙이기 사례 1
노션 광고 붙이기 사례 2
노션 광고 붙이기 사례3

추가, 노션 공개페이지로 만들기.

혹시나 자신이 만든 노션 페이지를 공개페이지로 전환하는 방법을 모른다면 아래를 따라하면 금방 가능함.
일단 공개로 전환하고 싶은 페이지에 접속

노션 광고 붙이는 방법 수익화 쿠팡 파트너스 페이지 예시

우측 상단 [공유] 버튼 누르기

노션 페이지 웹공개하기

[게시] 누르기 후 [웹에 게시] 클릭

노션 페이지 웹공개하기

그러면 공개 페이지로 전환 완료. [웹 링크 복사]를 누르고 원하는 곳에 붙여넣으면 해당 페이지로 인입가능.
아래 조건은 편한대로 조정하면 되는데, 광고 붙이고 공개페이지로 운영할거라면, 편집허용은 닫아두는게 좋을것 같다. 

노션 페이지 웹공개하기

이상, 노션에 광고 붙이기 (by 쿠팡 파트너스) 끝!


COUPANG

쿠팡은 로켓배송

www.coupang.com

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.


아래 링크를 통해 유용한 무료 노션 템플릿을 무료로 받아보세요! 각종 대시보드부터 가계부 일기장 까지!
링크: https://bit.ly/3SBCNVg

Subscribe to BubbleShare Lee

On Gumroad

bubbleshare.gumroad.com


반응형