Clay님, 안녕하세요. 이 글에 답변을 남기려고 합니다. 저도 카테고리별로 다른 하우스 광고를 표시하고 싶습니다. 이 기능이 작동하도록 설정할 수 있었나요? 이 게시글을 아래까지 스크롤해 봤지만, 질문하신 내용에 대한 답변을 찾을 수 없었습니다.
감사합니다
Clay님, 안녕하세요. 이 글에 답변을 남기려고 합니다. 저도 카테고리별로 다른 하우스 광고를 표시하고 싶습니다. 이 기능이 작동하도록 설정할 수 있었나요? 이 게시글을 아래까지 스크롤해 봤지만, 질문하신 내용에 대한 답변을 찾을 수 없었습니다.
감사합니다
여러 개의 광고를 모두 표시한 다음 CSS로 범주별로 숨기는 방식으로 구현한 것 같습니다.
pfaffman님,
게시글을 읽은 후, CCS와 HTML에 사용할 코드를 Google Gemini에게 요청했습니다.
하지만 이제 광고가 전혀 표시되지 않습니다.
Gemini가 사용하라고 한 CSS는 다음과 같은데, 이것이 올바른지 확신이 서지 않습니다.
/* -------------------------------------------------------------------------- */
/* 카테고리별로 어떤 광고가 표시될지 제어하는 CSS */
/* -------------------------------------------------------------------------- */
/* 기본적으로 모든 카테고리별 광고를 숨깁니다. [class*="-ad"] 선택자는 더 일반적입니다 */
.house-ad[class*="-ad"] {
display: none;
}
/* 홈페이지 광고 (있다면 - 필요 시 body 클래스 조정) */
body.list-latest .house-ad.homepage-ad,
body.list-top .house-ad.homepage-ad {
/* body.list-latest 와 body.list-top 은 "최신"과 "인기"를 위한 일반적인 Discourse 클래스입니다 */
display: block;
}
/* 카테고리별 광고 */
body.category-community-support .house-ad.category-community-support-ad {
display: block;
}
body.category-general .house-ad.category-general-ad {
display: block;
}
혹시 사용하신 CSS를 알려주실 수 있거나, 제가 올린 것이 올바른지 확인해 주실 수 있을까요?
아래는 HTML입니다.
<div class="house-ad category-community-support-ad">
<a href="DESTINATION_URL" class="banner-ad" target="_blank">
<img class="desktop" src="DESKTOP_IMAGE_URL">
<img class="mobile" src="MOBILE_IMAGE_URL">
</a>
</div>
어떻게든 되는 것 같긴 한데, 확인해보니 내가 마지막으로 하우스 광고를 만든 건 3년 전이었고, 방금 다시 시도해봤는데 광고가 안 뜨더라고요. 이상하네.
알려주셔서 감사합니다. 저도 현재 광고가 전혀 표시되지 않는 동일한 문제를 겪고 있습니다.
Pfaffman님, 안녕하세요.
어제 제 CSS가 올바른지 확인해 달라고 답글을 남겼습니다. 제 CSS와 HTML 코드, 그리고 Gemini가 제안했지만 작동하지 않는 코드를 게시했습니다. 이유가 뭔지는 모르겠지만, 다른 분들이 이 스레드에서 코드를 게시한 것처럼 제 게시글은 검수 대상이 되어 삭제되었습니다.
또한, 작동하게 만들 때 사용하신 코드를 공유해 주실 시간이 있는지 여쭤보기도 했습니다. 그것이 검수 문제였는지는 확실하지 않지만, 다시 말씀드리지만 다른 분들은 위에서 코드를 게시했습니다.
제 게시글이 계속 삭제되는 상황에서 이제 어떻게 도움을 요청해야 할지 모르겠습니다. 정말 막막합니다! ![]()
안녕하세요 @becl, 작동하지 않는 CSS가 포함된 게시물을 복원했습니다. 대화가 이어질 수 있으니 자유롭게 계속해 주시고, 어떻게 진행되었는지 알려주세요!
정말 감사합니다. 고맙습니다. ![]()
오늘 이 방식이 제게는 작동하지 않았습니다. 텍스트가 이미지의 위에 있어야 할 것 같은데, 대신 오른쪽에 위치해 있었습니다. 지난 6년 사이에 무언가가 변경되었을까요?
플레이스홀더를 포함하여 여기에서 바로 모든 요소가 포함된 작동하는 예시를 확인할 수 있는 멋진 버전이 있다면 좋겠습니다.
이 방법은 저에게 잘 작동합니다. 웹 브라우저에 광고 차단 기능이 활성화되어 있지 않은지 확인하세요.
고맙습니다. 다시 확인해 봤는데, 아마 새로운 엣지 블록 중 하나일 것 같습니다.