티스토리 블로그 사이드바에 쿠팡 검색창 만드는법과 쿠팡 배너 만드는법

안녕하세요 프로후거 입니다.

 

이번에는 티스토리 블로그의 사이드바에 아래 사진처럼

쿠팡 검색창을 추가하는법을 알아보겠습니다.

그리고 상품 배너를 게시물에 추가하는법도 알아보겠습니다.

굉장히 간단하니 쉽게 하실 수 있을거에요!

 

쿠팡 검색창 추가

 

쿠팡 검색창 뿐만아니라 다양한 상품의 배너도

이렇게 추가하시면 됩니다.

 

사이드바에 고정을 하니

제 블로그에 들어오면 반드시 볼수밖에 없습니다 ㅎㅎ..

---

◆ 상품 배너 생성하는 법

쿠팡 파트너스 링크 생성

1) 먼저 쿠팡파트너스에 로그인을 합니다.

로그인 후 상단의 메뉴중에

링크생성을 선택하시면 여러종류의

링크를 지원하고 있습니다.

참고로 쿠팡 상품정보 URL을 카피해서 띄우는것은

나의 쿠팡 링크를 통해 구매한 것이 아니기 때문에

정산이 되지 않습니다.

 

쿠팡 배너

2) 링크생성 버튼을 눌러줍니다.

원하는 제품을 검색한 다음에

해당 상품의 [링크 생성] 버튼을 눌러줍니다.

 

 

 

 

 

쿠팡 링크

3) URL혹은 HTML을 복사해줍니다.

그러면 이렇게 제품의 URL과 HTML이 나오는데

복사 버튼을 눌러주면 자동 복사가 됩니다.

참고로 이 링크를 추가하면 반드시 링크아래

이라는 글을 기재하셔야 합니다.

 

 

 

 

URL 복사후 글에 붙여넣기

4-1) URL을 복사할 겅우

게시글에 붙여넣고 엔터를 칩니다.

그러면 위의 사진처럼 게시글에 자동으로

티스토리 블로그에서 해당 링크의 페이지를

링크주소의 바로 아래에 생성해 줍니다.

 

 

 

 

 

4-2) HTML 복사할 경우

블로그의 글 상단에 기본모드를 HTML모드로 바꿔줍니다.

 

 

쿠팡 HTML

그러면 글을 작성하는 화면이

이렇게 개발자모드 처럼 괴상하게 바뀌는데

내가 적은 글들을 찾아보기로 찾아서

넣고 싶은 부분에 붙여넣기 하고

저장을 눌러서 게시글을 확인해보면

이렇게 조그만하게 배너가 생성되어 있음을 확인하실 수 있습니다.

 

 

우리는 티스토리 블로그에서 일반태그를 사용하면 되며

블로그용 태그는 사용할 필요가 없습니다.

블로그용 태그는 iframe이 적용안되는 곳에서만 사용가능하기때문에

iframe이 적용되는 티스토리에서는 사용할 수 없습니다.

 

 

이렇게 쉽게 배너 생성을 하실 수가 있습니다.

 

그리고! 저도 이렇게 깜빡깜빡 합니다!

꼭 배너 아래에는

글을 추가해 주셔야 합니다.!

잊지 말아주세요 :)

---

◆ 사이드바에 쿠팡 검색창 생성하는 법

쿠팡 검색 위젯

1) 쿠팡 검색 위젯에 들어갑니다.

쿠팡파트너스에 로그인 하신후

상단의 링크생성 메뉴에서 가장 아래 있는

검색 위젯에 들어가 줍니다.

 

 

 

 

쿠팡 위젯 종류

2) 내가 원하는 위젯을 선택합니다.

검색 위젯에 들어가면 총 4가지 종류의

쿠팡 검색 위젯을 제공하고 있습니다.

이중에 내가 원하는 디자인의 위젯을

선택해 줍니다.

 

 

 

쿠팡 검색창 HTML

3) HTML 복사 버튼을 눌러줍니다.

내가 원하는 위젯을 눌러주면

위와 같은 화면이 나오는데

쿠팡 검색창 같은 경우에는 URL은 없고

HTML만 존재합니다.

HTML 복사 버튼을 눌러 HTML을 복사해주세요.

 

 

 

티스토리 스킨 편집

4) 블로그 설정의 스킨 편집을 눌러 줍니다.

내 티스토리 블로그 설정에 들어가셔서

왼쪽 메뉴의 꾸미기 란에 있는

스킨 편집 메뉴를 눌러 줍니다.

 

 

 

티스토리 블로그 스킨 html 편집

5) 스킨 편집창에서 html 편집으로 들어갑니다.

그러면 이렇게 스킨 편집창으로 화면이 바뀌는데

오른쪽 상단에 있는 html 편집 버튼을 눌러줍니다.

 

 

 

 

티스토리 html 스킨 편집

6) html 편집창에서 복사한 링크를 붙여넣기 합니다.

html 편집 버튼을 누르면 해당 창이

html 편집 모드로 바뀌게 되는데

여기에서 내 사이드 바에 표시되어지는

카테고리나, 달력, 공지사항 등을

검색하셔서 해당 위치로 갑니다.

 

그리고 내가 쿠팡 검색 위젯을 추가할 위치를

확인해주세요. (저는 공지사항과 카테고리 사이로 했습니다.)

 

이 위치에 복사한 html만 삽입하면 생성이 안됩니다.

다른 메뉴들이 만들어진 html을 보면 뭔가 다르지요?

 

아래 제가 적어 놓은 텍스트를 전부 복사한 다음에 붙여넣기 하시고

<div id="sidebar_plus_notice"> <div class='title">쿠팡검색</div>     여기에 링크 붙여넣기 </div> </s_sidebar_element>

[여기에 링크 붙여넣기] 라고 적은 텍스트를 지우고 

쿠팡 위젯 html을 다시 복사후 붙여넣기 해주세요.

 

[쿠팡검색] 이라는 텍스트도 지운다음

원하는 글로 바꾸시면 됩니다!

 

그리고 꼭 오른쪽 상단의 적용 버튼을 눌러주세요!

 

 

 

 

적용을 누른후 내 블로그에 들어가면

이렇게 사이드바에

정상적으로 쿠팡 검색 위젯이 들어가 있는것을

확인하실수가 있습니다.

 

이제 여기서 검색하면 자동으로 제 쿠팡링크를

통해 쿠팡에 접속이 되어지고

구매를 하게 되면 저에게 일정의 수수료가 떨어지게 됩니다.

---

이렇게 쿠팡파트너스의 링크 및 배너 생성방법과

사이드바에 쿠팡 검색창을 생성하는 법을 알아보았습니다.

너무 간단해서 쉽게 따라하실 수 있을거에요!

 

그럼 다음에 더 좋은 글로 찾아뵙도록 하겠습니다!