본문 바로가기
IT 이야기

티스토리 스킨편집에서 관련글 부분 멀티플렉스 광고 붙이는 방법

by itemma 2025. 4. 3.
반응형

티스토리 관련글(related post) 영역에 애드센스 멀티플렉스 광고를 삽입하는 방법을 설명드릴게요.
이 방법을 사용하면 방문자가 관련 글을 볼 때 자연스럽게 광고를 노출할 수 있어 클릭률(CTR) 증가 효과가 있습니다. 

 

1. 애드센스에서 멀티플렉스 광고 코드 생성

  1. 구글 애드센스 로그인
  2. 왼쪽 메뉴에서 "광고" → "광고 단위" 클릭
  3. "광고 단위 만들기" 클릭
  4. "멀티플렉스 광고" 선택
  5. 광고 이름 입력 후 "생성" 클릭
  6. 광고 코드 복사

 

2. 티스토리 관련글(related post) 영역 찾기

  1. 티스토리 관리자 페이지 접속
  2. "스킨 편집" → "HTML 편집" 클릭
  3. Ctrl + F 를 눌러 "관련글" 또는 "related" 검색
    • 일반적으로 <div class="related" 또는 <div id="related" 같은 코드가 있음
    • 스킨마다 다르므로 "link_rel", "post-relate", "related_posts" 같은 키워드로도 검색 가능

 

3. 멀티플렉스 광고 코드 삽입

🔹 관련글 위에 광고 넣기

위 코드를 관련글을 감싸는 <div> 태그 바로 위에 추가하세요.

🔹 관련글 아래에 광고 넣기


4. 광고 스타일 조정 (선택 사항)

스킨 디자인에 따라 광고가 너무 크거나 어울리지 않을 수 있으므로, CSS로 스타일 조정 가능합니다.

📌 예시: 광고 간격 조정

.adsense-multiplex {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

📌 예시: 광고 크기 조정

.adsense-multiplex ins {
  width: 100%;
  max-width: 600px;
}

이 CSS를 스킨 편집 → CSS 파일 (style.css 또는 custom.css) 에 추가하세요.

5. 변경사항 저장 & 적용 확인

  1. 코드 수정 후 "저장" 클릭
  2. 블로그에 들어가서 관련글 아래 광고가 정상적으로 나오는지 확인
  3. 광고가 보이지 않으면
    • 애드센스 승인 여부 확인
    • 광고 차단 확장 프로그램(AdBlock) 끄기
    • 1~2시간 기다려보기 (광고 반영까지 시간이 걸릴 수 있음)

 

최적화 팁

✔ 관련글 위에 광고를 넣으면 더 자연스러움
✔ 사이드바나 본문 하단에도 함께 배치하면 광고 수익 극대화 가능
✔ 너무 많은 광고는 방문자 경험을 해칠 수 있으니 적절한 위치에 삽입

 


이제 티스토리 관련글 부분에 멀티플렉스 광고를 붙여서 수익을 높여보세요! 
혹시 적용하다가 궁금한 점 있으면 언제든지 질문 주세요. 

반응형