쿠팡파트너스 광고 넣어보기

블로그 사이트들을 보면 가끔 광고가 들어가있는 것을 볼 수 있습니다.

블로그에 들어가는 광고는 크게 두 가지가 있습니다.

구글 애드센스

쿠팡 파트너스

그 외에도 네이버 블로그에만 쓸 수 있는 애드포스트 등이 있지만, 대부분은 위 두 개를 사용합니다. 두 광고는 각각 장단점이 있습니다.

쿠팡파트너스는 적용하기 쉬운 반면, 구글 애드센스는 광고 승인이 어렵다.

쿠팡파트너스는 물건을 사야 돈을 벌지만, 구글 애드센스는 보거나 클릭만 해도 돈을 번다.

쿠팡파트너스는 쿠팡 물건만 광고하지만, 구글 애드센스는 다양한 광고가 들어간다.

쿠팡파트너스는 구매한 물건 값에 따라 돈을 받는다. 구글 애드센스는 광고 종류에 따라 돈을 다르게 받는다.

정리하자면 광고로 인한 수익성은 애드센스가 더 유리합니다. 그래도 제품에 대한 포스팅을 하는 등의 전략으로 잘한다면 쿠팡파트너스로 인한 수익도 기대할 수 있습니다.

이번 글에서는 적용하기 쉬운 쿠팡파트너스를 넣어보도록 하겠습니다. 이후 성장하면 구글 애드센스에 도전해보시길 바랍니다.

쿠팡파트너스

이름에서도 알 수 있듯이, 쿠팡파트너스(Coupang Partners)는 쿠팡에서 운영하는 광고 파트너스 프로그램입니다. 쿠팡의 제품을 광고하고, 이를 통해 발생한 매출에 대해 수수료를 받는 방식입니다.

      검색엔진, 애널리틱스를 적용할 때와 마찬가지로 이를 위한 쿠팡 아이디가 필요합니다.

쿠팡 파트너스 가입하기

먼저 쿠팡파트너스에 들어가 우측 상단에 로그인을 클릭해줍니다.

쿠팡 아이디로 로그인 해줍니다.

로그인을 하면 아직 가입되지 않은 ID입니다. 라고 나옵니다. 지금 가입을 클릭해주세요.

사업자등록증이 있으시다면 그에 맞게 선택해주시고, 아닌 경우 개인을 고르신 다음 동의합니다를 클릭합니다.

전화번호와 이메일을 입력하고 다음을 클릭합니다.r

이제 쿠팡파트너스를 추가할 웹사이트를 등록해야합니다. URL을 적고 추가하기 버튼을 눌러줍니다.

웹사이트 목록이 추가된 것을 확인 후, 네, 확인했습니다. 를 체크 후 다음 을 클릭해주세요.

회원정보 확인을 위한 쿠팡 비밀번호를 입력합니다.

드디어 가입이 완료되었습니다! 확인을 클릭합니다.

배너 만들기

이제 본격적으로 배너를 위한 코드를 생성할 것입니다. 특정 상품의 링크를 올릴 수도 있지만, 자동으로 쿠팡에서 추천해주는 광고가 사용하기 편합니다. 링크 생성의 상단에서 다이나믹 배너를 클릭합니다.

배너 만들기에서 이름과 약간의 설정을 추가하면 미리보기가 나타납니다. 배너 만들기를 클릭합니다.

그러면 HTML 코드를 제공해주는데 우리는 iframe 태그를 사용하겠습니다. 복사를 클릭해주세요.

복사버튼을 누르면 다음과 같은 문구를 작성하라는 가이드가 나오는데 이 문구도 같이 적을겁니다!

프로젝트에 적용하기

우리는 메뉴바와 글목록/글내용 사이에 광고를 넣어보겠습니다. App.vue에 이전에 복사했던 코드를 넣습니다.

html

App.vue

      <template>
  <MenuBar @click-category="changeCategory" />
  <iframe
    src="https://ads-partners.coupang.com/widgets.html?id=669505&template=carousel&trackingCode=AF7692121&subId=&width=680&height=140&tsource="
    width="680"
    height="140"
    frameborder="0"
    scrolling="no"
    referrerpolicy="unsafe-url"
  ></iframe>
  <RouterView />
</template>

<script setup>
import { RouterView } from "vue-router";
import MenuBar from "./components/MenuBar.vue";
</script>

개발 서버에서 실행해도 광고가 잘 나타나는 것을 볼 수 있습니다! 하지만 가로가 680으로 고정되어 있어서 공간이 애매하게 남아보입니다.

그래서 이 iframe 에 스타일을 약간 넣어주겠습니다. 좌우로는 꽉 채우고! 세로는 좀 더 키우고! 위에는 약간 공간이 있도록!

html

App.vue

      <style scoped>
iframe {
  width: 100%;
  height: 200px;
  margin-top: 10px;
}
</style>

이제 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.” 의 문구를 추가해주어야합니다. iframe 아래에 살짝 넣어보도록 하죠!

html

App.vue

      <template>
	...
	<iframe ...></iframe>
  <p class="coupang-text">
    ♢ 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를
    제공받습니다.
  </p>
	<RouterView />
</template>

그리고 글자도 좀 자연스럽게 있을 수 있게 스타일도 입혀놓고, iframe도 좀 더 공간에 여유를 둬보겠습니다.

html

App.vue

      <style scoped>
iframe {
  /* ... */
}
.coupang-text {
  font-size: 12px;
  text-align: right;
  color: gray;
  margin: 0;
}
</style>

네 느낌 좋네요!

스크린샷에 올리기

이후 최종 승인을 위해 우리가 등록한 쿠팡파트너스 사이트의 스크린샷을 제출해야합니다. 안그러면 부정행위로 간주될 수 있어요!

쿠팡파트너스 사이트에 다시 돌아가서 우측 상단에 있는 사용자 이미지를 클릭하고 내 정보 관리를 클릭합니다.

그리고 내 정보 관리에서 웹사이트 목록에 우리가 등록했던 사이트 우측에 스크린샷 버튼을 클릭해서 우리 사이트 스크린샷을 올려줍니다.

파일을 올리면 다음과 같이 확인용 아이콘이 나타나는데 클릭하면 우리가 올린 이미미지가 나타납니다.

마지막으로 저장 버튼을 눌러서 저장합니다.

과한 광고는 금지

광고를 넣긴 했지만, 방문자 입장에서는 들어왔을 때 원하는 정보 글보다 광고가 더 많이 보이면 싫겠죠? 그러니 적절하게 필요한 부분만 살짝 들어가도록 합시다!