moi today > money.today > 쿠팡 파트너스 가입하고 블로그에 배너 예쁘게 붙이기

쿠팡 파트너스 가입하고 블로그에 배너 예쁘게 붙이기

예전에 티스토리 블로그를 할 때는 광고를 달 생각을 해본 적이 없었습니다. 그냥 지금 페이스북 하듯이 신변잡기나 올리는 곳이었고, 거기에 광고가 달리는 게 이상하다는 생각도 했었구요. 이제 설치형 블로그를 하면서 도메인과 호스팅에 소소하게나마 돈이 들어가니 이 정도라도 충당하면 좋겠다는 생각이 드네요. 원래 애드센스만 알고 있었는데, 제가 자주 사용하는 쿠팡에서 쿠팡 파트너스를 한다는 이야기를 듣고 나도 하나 달아놓아 볼까 싶은 생각이 들어서 가입을 해봤습니다. 해보니 가입 절차가 간단하고 승인과정도 따로 없네요.

가입하기

일단 아래 링크에 들어가서, 오른쪽 위 회원가입 버튼을 누릅니다.

회원가입을 누르면 쿠팡 로그인 화면으로 자동으로 옮겨집니다. 10초 안에 옮겨지는데 1초 전에 겨우 캡쳐했습니다.

회원 가입 폼은 별 거 없네요. 대부분 개인일테니 개인 선택하고, 자신이 하는 웹사이트/블로그 주소를 넣어줍시다. 저는 moi.today를 입력해줬습니다.

그 다음엔 이름과 주민등록번호, 주소, 계좌번호 입력하면 끝입니다. 인증도 알아서 해주고 별다르게 할 게 없습니다.

..? 바로 가입 완료되었습니다.

쿠팡 파트너스 배너 만들기

이제 상품 배너를 만들어봅시다. 연습삼아 아무 상품으로나 해보려 합니다. 평소 즐겨먹는 쌀시리얼로 해봤습니다.

링크생성 > 상품링크로 들어가면 검색 화면이 뜹니다.

쌀시리얼 검색하면 익숙한 쿠팡 검색창이 뜹니다. 상품 위에 커서를 올리면 링크생성이라는 버튼이 뜨네요. 눌러봅시다.

여기에 뜨는 단축 URL을 사용해도 좋지만, 아래에 있는 HTML을 사용하는 게 편리합니다. 아래 HTML복사 버튼을 누르면 자동으로 내용이 복사됩니다.

데스크탑/모바일에 다 대응되는 배너 만들기

이걸 그대로 붙이면 아래처럼 뜨는데, 왼쪽에 붙어있고 크기도 애매하고 뭐 그렇습니다.

크기도 좀 키우고 가운데에 오게 하려면 아래처럼 고쳐주면 됩니다. <div> 태그로 감싸주고, align 속성으로 가운데에 오게 한 다음 <iframe> 태그에 width를 “120”이 아니라 “60%”로 해주면 창 크기에 맞게 조절이 됩니다.

<div align="center">
<iframe src="https://coupa.ng/bKlNP7" width="60%" height="240" frameborder="0" scrolling="no"></iframe>
</div>

아래는 50%로 한 경우입니다. 적당히 보기에 괜찮은 %로 지정해줍시다. 모바일에서 보기에도 예쁘려면 50%도 괜찮은 거 같네요.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다