티스토리 블로그나 타 블로그로 수익을 내고자 하는 분들이 주로 이용하는 것 중 하나가 온라인 제휴 마케팅인 쿠팡 파트너스일 것이다. 쿠팡 파트너스는 직접 링크를 걸거나 쿠팡에서 제공하는 다이내믹 배너를 블로그에 설치할 수 있는데, 배너를 설치할 때 엉뚱한 곳에 위치되는 경우가 있다.
쿠팡 파트너스 배너 위치 오류 수정 방법
사이드 배너에 쿠팡 파트너스 다이내믹 배너를 설치했음에도 불구하고 페이지 하단부에 배너가 달리는 경우 아래와 같은 소스를 티스토리 블로그 관리 - 사이드바 메뉴에 HTML 배너 출력 소스를 수정 해주자.
<수정 전>
<script src="https://ads-partners.coupang.com/g.js"></script>
<script>
new PartnersCoupang.G({"id":아이디번호,"template":"carousel","trackingCode":"AF1616342","width":"200","height":"500"});
</script>
<div class="coupang_banner_side"></div>
<수정 후>
<script src="https://ads-partners.coupang.com/g.js"></script>
<script>
new PartnersCoupang.G({"id":아이디번호,"template":"carousel","trackingCode":"AF1616342","width":"200","height":"500"});
try {
setTimeout(function() {
var iframeNode = document.querySelector('iframe[id^="아이디번호"]');
document.querySelector('.coupang_banner_side').appendChild(iframeNode);
}, 1000); // 1000ms = 1초
} catch (e) {
console.error(e);
}
</script>
<div class="coupang_banner_side"></div>
수정된 스크립트엔 try구문이 추가되었다. 빨간색으로 표시된 아이디 번호는 본인 배너의 고유번호이므로 try구문에 본인이 사용하고 있는 배너의 아이디 번호를 같이 입력해주자.
HTML 배너 출력 플러그인에 기존에 사용하던 다이내믹 배너 소스 대신 방금 수정한 코드를 넣어주자.
사이드 메뉴에서 HTML 소스까지 수정이 완료되었다면 정상적으로 나오는 것을 확인할 수 있을 것이다. 이렇게 한번 소스를 수정 하고 사이드바에 다른 쿠팡 배너를 달아도 try구문 없이도 정상적으로 잘 나온다.
-관련 포스팅 보러 가기-
쿠팡 파트너스 수익 후기(한 달간 아무 활동 안 했을 때 수익)