본문으로 바로가기
  1. Home
  2. IT & 기타/티스토리
  3. 티스토리에서 카테고리별로 다른 문구/광고 표시하기

티스토리에서 카테고리별로 다른 문구/광고 표시하기

· 댓글 6

티스토리에서 카테고리별로 다른 문구나 배너 혹은 광고를 표시하고 싶은 경우가 있을 수 있습니다. 그런 경우 "티스토리 카테고리별로 다른 광고 표시하기"에서 제시하는 코드를 사용해볼 수 있습니다.

하지만 jQuery보다는 javascript를 사용하는 것이 사이트 성능에 미치는 영향을 최소화할 수 있습니다. 전 javascript에 까막눈이라서 구글을 검색하여 조합하여 만들어보았습니다.

why if (element.innerHTML == “”) is not working in firefox라는 글을 참고로 다음과 같이 만들어서 테스트해보니 의도한 대로 작동하는 것을 확인할 수 있었습니다.

(* 아래 스크립트에 오류가 있거나 개선해야 할 점이 있으면 아래 댓글로 알려주시면 수정하도록 하겠습니다.)

<script>
   if(document.getElementById("post_category") != null){
   var element = document.getElementById("post_category");
   var htmlstring = element.innerHTML;
   htmlstring = (htmlstring.trim) ? htmlstring.trim() : htmlstring.replace(/^\s+/,'');
  if(htmlstring == '워드프레스') {
  var string = document.getElementById("bottom_text");
string.innerHTML = '원하는 문구(HTML)';

else if(htmlstring == '기타') {
  var string = document.getElementById("bottom_text");
string.innerHTML = '원하는 문구(HTML)';

  }
// ...
 }
</script>

위의 코드를 적절히 수정하여 </body> 바로 앞에 추가하도록 합니다. 그리고 다음 코드를 문구를 표시할 곳에 추가하도록 합니다.

<p class="bottom_text"></p>

post_category ID명은 스킨마다 다르므로 확인하여 변경하도록 합니다. 카테고리를 표시하는 ID가 없는 경우 다음과 같은 형식으로 적절한 곳에 추가할 수 있습니다.

<span id="post_category">[##_article_rep_category_##]</span>

이 블로그에 사용 중인 #1이라는 스킨에는 개별 포스트에 카테고리를 표시하는 요소가 없어서 위와 비슷한 형식으로 추가했습니다.

구글 애드센스 광고 배너 코드는 테스트해보지 않았습니다.

참고로 if(document.getElementById("post_category") != null){... } 부분은 Uncaught Typeerror: cannot read property 'innerHTML' of null 에러를 방지하기 위해 추가했습니다.

참고:

SNS 공유하기
💬 댓글 6
logo

포스팅 잘 보고 갑니다~
오늘도 즐거운 하루 보내세요~

logo

저도 손 보고 싶긴 한데 엄두가 안 납니다. ㅋ

logo

네이버에서 현재 잘 유입되고 있다고 그대로 두시면 좋을 것 같습니다.

네이버 유입을 무시할 수 있다면 최근 나온 스킨을 적용해보도 괜찮다는 생각이 드네요.

logo

카테고리별로 다른 광고를 적용할수 있군요 ㅎㅎ

logo

타케팅 마케팅을 위해 카테고리별로 달리 광고를 표시하려는 경우에 이용해볼 수 있을 것 같습니다.

이름을 저장합니다.

가성비가 뛰어난 웹호스팅

저렴하고 가성비 좋은 웹호스팅

최근 댓글

좋은 정보 감사합니다. 포럼⋯ 💬leahloveu 티스토리에도 차단 기능이 있⋯ 💬空空(공공) 여기는 조금 전부터 눈발이⋯ 💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada 많은 분들이 참고 하셨으면⋯ 💬空空(공공) 노트북 구매할 때 충분히 참⋯ 💬空空(공공)

워드프레스 시작 가이드

워드프레스 시작하기