관련지식
javascript, coupang partners

앞서 ‘티스토리 스킨에 쿠팡 파트너스 광고(다이나믹 배너) 적용하기‘ 글에서 쿠팡 파트너스의 다이나믹 배너를 적용하는 방법을 소개드렸었는데, 스킨별로  위치나 적용 방법 차이가 많이 차이나는것 같습니다.

확인이 필요한 스킨을 댓글달아주시면 확인 후 추가하도록 하겠습니다.

whatever 스킨

whatever 스킨의 경우 특이하게도 적용하고 실제 블로그로 봐야지만 변경된것을 확인할수 있네요. ‘스킨편집’ 화면의 좌측에 보이는 내용에선 수정된것이 반영 안됩니다. 아래 HTML 부분을 찾아서 타이틀 윗부분타이틀 아래부분본문 아래부분 이라고 적은 위치에 소스를 추가하고 적용하시면 됩니다. whatever 스킨의 230번째줄 정도에 있는  항목이 게시글의 본문 부분입니다.

  1. </div>
  2. </s_index_article_rep>
  3. <s_permalink_article_rep>
  4. <!-- 타이틀 윗부분 -->
  5. <div class="hgroup">
  6. <div class="category"></div>
  7. <h1> </h1>
  8. <div class="post-meta">
  9. <span class="author"></span>
  10. <span class="date"></span>
  11. <s_ad_div>
  12. <span><a href="">수정</a></span>
  13. <span><a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a></span>
  14. </s_ad_div>
  15. </div>
  16. </div>
  17. <!-- 타이틀 아래부분 -->
  18. <div class="entry-content">
  19. </div>
  20. <!-- 본문 아래부분 -->
  21. <s_tag_label>
  22. <div class="tags">

예를들어 이렇게 수정하면 되겠죠?

  1. </div>
  2. </s_index_article_rep>
  3. <s_permalink_article_rep>
  4. <!-- 타이틀 윗부분 -->
  5. <div class="hgroup">
  6. <div class="category"></div>
  7. <h1> </h1>
  8. <div class="post-meta">
  9. <span class="author"></span>
  10. <span class="date"></span>
  11. <s_ad_div>
  12. <span><a href="">수정</a></span>
  13. <span><a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a></span>
  14. </s_ad_div>
  15. </div>
  16. </div>
  17. <script src="https://ads-partners.coupang.com/g.js"></script>
  18. <script>
  19. new PartnersCoupang.G({ id:아이디 });
  20. </script>
  21. <div class="entry-content">
  22. </div>
  23. <!-- 본문 아래부분 -->
  24. <s_tag_label>
  25. <div class="tags">