쿠팡 검색창(검색 위젯) 블로그에 넣는 방법
쿠팡 검색창(검색 위젯)은 블로그 방문자가 쿠팡 상품을 바로 검색할 수 있게 해주는 HTML 위젯입니다. 방문자가 검색창을 통해 쿠팡에 접속해 상품을 구매하면 블로그 운영자는 일정 수수료를 받을 수 있습니다. 이 위젯을 설치하면 방문자의 이탈을 줄이고, 블로그의 부수익 창출에 도움이 됩니다쿠팡 검색창(검색 위젯)을 블로그에 삽입하려면 아래 과정을 따라 하시면 됩니다.
이 방법은 티스토리, 워드프레스 등 HTML 소스 편집이 가능한 블로그에 모두 적용할 수 있습니다.
쿠팡 검색창(검색 위젯) HTML 위젯
코드 예시
쿠팡 검색 위젯(검색창)은 쿠팡 파트너스 사이트에서 직접 생성할 수 있으며, HTML 코드는 아래와 같은 형태입니다.
<iframe src="https://coupa.ng/xxxxxx"width="100%"height="44"frameborder="0"scrolling="no"referrerpolicy="unsafe-url"></iframe>src부분의 URL은 쿠팡 파트너스에서 위젯 생성 시 자동으로 부여됩니다.width,height값은 원하는 크기로 조정할 수 있습니다.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다
실제 적용 예시( 쿠팡파트너스)
<iframesrc="https://coupa.ng/abcdef"width="100%"height="44"frameborder="0"scrolling="no"></iframe>- 이 코드를 블로그의 HTML 위젯, 사이드바, 또는 원하는 위치에 붙여넣으면 쿠팡 검색창이 표시됩니다.
- 쿠팡 파트너스 사이트에서 "링크 생성" → "검색 위젯" 메뉴에서 복사한 코드를 그대로 사용하면 됩니다.
- 반드시 쿠팡 파트너스 공식 사이트에서 본인 전용 위젯 코드를 복사해 사용하세요.
- 위 코드는 예시이며, 실제 수익을 위해서는 본인 파트너스 계정에서 생성한 코드를 사용해야 합니다
1. 쿠팡 파트너스 검색 위젯 코드 생성
- 쿠팡 파트너스 사이트에 로그인합니다.
- 상단 메뉴에서 '링크 생성' → '검색 위젯'을 클릭합니다.
- 제공되는 4가지 위젯 디자인 중 원하는 것을 선택합니다.
- 만약 logo 02를 선택하면, 여기에 맞는 코드가 나오고 아래 있는 'HTML 복사' 버튼을 눌러 코드를 복사합니다. 예시로, 로고2를 선택 할 경우 이미지입니다.
*여기에 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다" 문구를 설정해주세요!
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다
2. 블로그에 검색 위젯 코드 삽입
티스토리 블로그
- 블로그 관리자 페이지 → 꾸미기 → 사이드바 메뉴로 이동합니다.
- 'HTML 배너 출력' 메뉴의 + 버튼을 클릭해 원하는 위치에 추가합니다.
- 추가된 메뉴의 '변경' 버튼을 클릭합니다.
- HTML 소스 입력란에 쿠팡에서 복사한 코드를 붙여 넣고 저장합니다.
- 변경 사항을 저장하면 사이드바에 쿠팡 검색창이 노출됩니다.
워드프레스
- 관리자 페이지 → '외모' → '위젯'으로 이동합니다.
- 'HTML' 또는 '텍스트' 위젯을 원하는 위치(사이드바 등)에 추가합니다.
- 위젯 내 HTML 입력란에 쿠팡에서 복사한 코드를 붙여 넣고 저장합니다.
- 저장 후 블로그를 확인하면 검색창이 정상적으로 보입니다.
3. 참고 및 팁
- 위젯 폭(Width)은 HTML 코드에서 %나 px 단위를 수정해 블로그 레이아웃에 맞게 조정할 수 있습니다.
- 사이드바가 없는 테마라면 본문이나 푸터 등 다른 영역에도 HTML 삽입이 가능합니다.
- 반드시 쿠팡 파트너스 약관에 따라 광고임을 명시해야 하며, 제휴마케팅 수수료 관련 고지도 필요합니다(이미지 내 고지 참고).
- 네이버 블로그 등 일부 플랫폼은 HTML 코드 삽입이 제한될 수 있으니, 지원 여부를 확인하세요.
