# 카테고리별로 다른 광고 표시하기

**URL:** <https://meta.discourse.org/t/show-different-ads-on-different-categories/148849>\
**Category:** Development\
**Tags:** advertising\
**Created:** [4월 22, 2020, 1:38오후 UTC](https://meta.discourse.org/t/show-different-ads-on-different-categories/148849 "2020-04-22T13:38:12Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)\
**Post date:** [4월 24, 2020, 2:01오후 UTC](https://meta.discourse.org/t/show-different-ads-on-different-categories/148849/6 "2020-04-24T14:01:50Z")

</div>

> [@Windsooon](#):
>
> - 서로 다른 클래스 이름(.first-ad .second-ad, .third-ad)을 가진 세 개의 다른 광고를 만들고, 이들을 세 가지 카테고리 모두에 표시되도록 설정합니다.
> - 카테고리 CSS 스타일을 커스텀하여(방법이 확실하지 않습니다) 클래스 이름에 따라 일부 광고를 숨깁니다. (예: 카테고리 A에서 두 번째 광고를 표시하지 않으려면 CSS 스타일에 .second-ad {disable: none}을 추가합니다.)

이 작업은 JavaScript를 사용하거나, 원하신다면 jQuery를 사용하는 것이 “더 나을 수 있습니다”.

예를 들어, 주제(topic)의 클래스에는 다음과 같은 예시처럼 카테고리의 이름이 표시됩니다:

```plaintext
<span class="category-name">UNIX for Beginners Questions</span>

```

따라서 주제 페이지의 스크립트에서 “category-name” 클래스의 텍스트를 선택한 다음, 카테고리 텍스트에 따라 원하는 div 요소에 광고 태그를 삽입하면 됩니다.

제 생각에는 광고 코드 태그의 div 요소를 숨기고 표시하는 것을 CSS만으로 처리하는 것보다 더 나은 방법입니다.

또한 기본 JavaScript 또는 jQuery 지식이 있는 누구에게나 구현하기 매우 쉽습니다.

카테고리 span의 클래스를 기준으로 span 요소의 내부 텍스트를 선택합니다. 그런 다음 해당 내부 텍스트를 카테고리 목록과 비교하여, 해당 페이지에서 원하는 DOM 요소에 카테고리에 기반하여 광고 코드를 삽입합니다.

기본 JavaScript 지식이 있는 누구에게나 이 코드를 작성하는 것은 꽤 간단하며, 또한 여러분이 원하는 작업을 수행하는 가장 좋은 방법일 가능성이 높습니다. @Windsooon

---

_[View the full topic](https://meta.discourse.org/t/show-different-ads-on-different-categories/148849)._