반응형
티스토리 블로그에 쿠팡 파트너스 다이나믹 배너를 이용하면 간혹 오류가 발생한다. 사이드바에 정상적으로 쿠팡 파트너스 다이나믹 배너를 적용했음에도 불구하고, 코드의 충돌 때문인지 자주 문제가 발생한다. 이를 해결하기 위해서 웹코딩으로 약간의 편법을 사용해서 해결할 수 있다.
<script src="https://ads-partners.coupang.com/g.js"></script>
<script>
new PartnersCoupang.G({
id: ****** // ******에 쿠팡 다이나믹 배너 아이디 입력
});
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>
내용은 간단하다. 비정상적으로 이동하는 쿠팡 파트너스 다이나믹 배너를 원래의 위치로 옮겨주는 것이다. 현재는 내 티스토리 블로그 기준으로 작성을 했기 때문에, 현재 페이지에서 우측 상단에 위치한 "전체 방문자" 아래에 다이나믹 배너를 뛰우도록 코드가 작성되어 있다.
참고로 ******에는 쿠팡 다이나믹 배너 생성 때 발급 된 "다이나믹 배너 아이디"를 입력해 줘야한다. 또한 다른 위치에 다이나믹 배너를 사용하고 싶은 경우, 코드를 약간만 수정하면 가능하다.
반응형
'노블돈(디지털노마드 블로그로 용돈벌기) > 정보' 카테고리의 다른 글
[노블돈] 디지털노마드 제이슨의 블로그로 용돈벌기 (4) | 2020.08.22 |
---|---|
티스토리 블로그 구글 검색에 반영는 방법 (구글 서치콘솔 이용하기) (1) | 2020.08.17 |
티스토리 블로그에 쿠팡 파트너스 다이나믹 배너를 사이드바로 설정하기! (0) | 2020.08.15 |
내가 네이버 블로그가 아닌 티스토리 블로그를 할 수 밖에 없는 이유! :) (1) | 2020.08.15 |
댓글