-
- 로그인후 이용해주세요.
팁과노하우
목록 사이에 텍스트 광고 혹은 배너 광고 넣기
안녕하세요...
미니님a입니다.
먼저 해당 팁은 별도로 스킨 제작하지 않고 팁으로만 작성하여 공유 드립니다.
따라서, 해당 내용을 그대로 따라 하시면 현재 적용 중인 스킨에 잘 적용 되실 것입니다.
웹 서핑을 하다보면 아래 처럼 게시글 중간 중간 광고가 노출 된 것을 본 적이 있으실 것입니다.
이런 광고 기능 해보면 좋겠다? 생각 드셨죠?
개선 및 제안 게시판에 팡야님께서 제안 해주신 적도 있으시던데요 https://rebuilder.co.kr/propose/167
자! 이 기능 구현 해봅시다!!
※주의사항
구글 애드센스는 정책 위반이라 하시면 구글 광고 계정 짤립니다. 하시면 안됩니다.
쿠팡이나 일반 사이트 내 광고 등 다른 광고로 진행하셔야 합니다.
괜히 구글 애드센스 하셨다가 광고 계정 짤려서 저한테 책임 물으시는 일 없으시면 좋겠습니다.
이제 시작 해봅시다.
기본 혹은 일반 스킨의 경우는 사용하시는 스킨 폴더 내 list.skin.php 파일을 열어 주시면 됩니다.
만약 통합 스킨을 사용하신다면 통합 스킨 폴더 내 list/basic/skin.php 파일을 열어 주시면 됩니다.
단. 썸네일과 갤러리는 논외로 치고 직접 작업하셔야 할 것 같습니다. 해당 팁은 리스트 기준입니다.
아래 소스 코드를 찾아주세요 - 기본과 통합 똑같은 소스입니다.
<?php } ?>
</tbody>
</table>
<?php if (count($list) == 0) { echo "<div class="no_data" style="text-align:center">데이터가 없습니다.</div>"; } ?>
그리고 추가를 해줄 것인데 어디에 추가 해줄꺼냐면 <?php } ?> 소스 위에 작성할 것입니다.
아래 소스를 추가 해주세요
<?php if($i === 5){?>
<tr>
<td colspan="4">
<p style="text-align:center;">여기에 광고를 넣어주세요. 이미지 광고도 크기에 맞게 넣어주시면 됩니다.</p>
</td>
</tr>
<?php } ?>
잘 모르겠다? 하시면 아래 스크린 샷 오렌지색을 주목 해주세요
위 소스 기준 5는 7번째 목록에 광고를 나타내겠다는 뜻입니다.
왜 7번째냐면 자바스크립트는 0부터 시작하기 때문에 0 1 2 3 4 5 해서 6번째가 되며, 7번째 광고가 노출됩니다.
아래 처럼요
모바일 반응형으로 구현되어 있기에 이미지 자체가 비정상(?)만 아니면 적절하게 잘 노출 될 것입니다.
만약 이미지가 찌그러짐 현상이 있다면 모바일에서는 변경하는 css 사용하시면 될 것 같습니다.
페이지 마다 7번째에 광고가 노출 되므로 너무 많은 광고 노출 시 사용자 입장에서 불편할 수 있기 때문에 페이지 당 하나가 적절하다 판단하였습니다.
그럼 잘 사용하시고 성공하시길 바래요
고맙습니다.
- 이전글네이버 카페처럼 메인화면에서 글쓰기버튼 추가2025.02.28
- 다음글관리자 기본 환경설정 여분 필드 추가하기2025.02.25
댓글목록
