Profile
이온디

2019.11.03

개발팁

게시판 리스트 중간에 구글 광고 띄우기

조회 수 16 추천 수 0

1. 게시판 리스트의 경우

<!--구글 중간 광고-1-->
<block cond="$mobile && $module_info->spaceAd=='y'">
      <script>
         jQuery(function() {
            // 구글 900px
            var html1 = "<div style='padding-top:10px;clear:both;'><script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>" +
               "<ins class=\"adsbygoogle\" style=\"display:inline-block;width:900px;height:120px\" data-ad-client=\"ca-pub-6354996705466866\" data-ad-slot=\"6057999515\"><\/ins>" +
               "<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>";
            // 구글반응형
            var html2 = "<script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>"+
               "<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-6354996705466866\" data-ad-slot=\"9022145565\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>"+
               "<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>";
            // 구글3반응형 ( 마찬가지 가려짐)
            var html3 = "<script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>" +
                     "<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-6354996705466866\" data-ad-slot=\"7824382451\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>" +
                     "<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>";
            var cnt = 2*{$module_info->bnCnt}-1;
            jQuery('li.goodslist:eq('+cnt+')').after(html1);
            console.log( cnt );
            //01 = 2*(1)-1
            //23 = 2*(2)-1
            //45 = 2*(3)-1
            //67 = 2*(4)-1
            //89 = 2*(5)-1
         });
      </script>
</block>
                 <!--구글 중간 광고-2-->


2. 게시물 글 중간의 경우

// xe_content 본문 p 가운데 광고 삽입
jQuery(function ($) {
   var hi = '안녕!'
   var html = "<div style='padding-top:10px;clear:both;'><script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>" +
      "<ins class=\"adsbygoogle\" style=\"display:inline-block;width:900px;height:120px\" data-ad-client=\"ca-pub-6354996705466866\" data-ad-slot=\"6057999515\"><\/ins>" +
      "<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>";
   var ad = "<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-9367344643205650\" data-ad-slot=\"2590542126\"data-ad-format=\"auto\"><\/ins>" +
      "<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>";

   var p_cnt = $(".xe_content > p").length;
   var cnt = Math.ceil(p_cnt/2);
   console.log(cnt);
   $('.xe_content > p:eq('+cnt+')').after(ad);
});

참조 : https://javacpro.tistory.com/41 


http://blog.naver.com/PostView.nhn?blogId=jung_w_w&logNo=220522104426&parentCategoryNo=&categoryNo=18&viewDate=&isShowPopularPosts=true&from=search 


게시물이 .xe_content 안에 p 태그로 이뤄진다는 것을 착안해서,

.xe_content > p 의 갯수를 센 뒤에, 2로 나눠서,

게시물 가운데에 .after() 함수를 이용해서 구글 광고 코드를 띄움.

※ 이때, p 태그의 반이 소수점일 경우 올림처리함.

Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 조회 수 추천 수 날짜
공지 [라이믹스] Another XE, 라이믹스 소개/설치하기 156 0 2019.01.09
공지 [XE소식] XE제작문의는 이온디 제작의뢰로 가주세요. 169 0 2018.12.10
공지 [사이트맵] XE/라이믹스 사이트맵 불편 기능을 알려주세요. 168 0 2017.09.23
378 [자유게시판] xe 고급메이발송모듈 5 0 1 일 전
377 [자유게시판] xe 이슈트래커 모듈 사용하기 - 실패 2 0 1 일 전
376 [자유게시판] XE 멀티도메인 이슈 0 0 7 일 전
375 [사용팁] [XE] 멀티도메인 사용시 관리자 로그인했을 때, '잘못된 요청입니다.' 메세지 출력되는 현상 7 0 13 일 전
374 [마이그레이션(이전)] 제로보드4를 XE로 이전하는 방법 30 0 2019.12.09
373 [아이디어/건의] 사용자별 테마 기능 39 0 2019.11.15
372 [아이디어/건의] 관심사기반 게시물 추천 16 0 2019.11.12
371 [아이디어/건의] 라이선스 이슈 14 0 2019.11.12
370 [사용팁] xe sketchbook 댓글 추천 새로고침 없이 34 0 2019.11.08
369 [개발팁] xe sketchbook 카카오톡 공유 39 0 2019.11.03
[개발팁] 게시판 리스트 중간에 구글 광고 띄우기 16 0 2019.11.03
367 [개발팁] 게시물 중간에 원하는 위치에 구글 광고 삽입하기 끝!; 19 0 2019.10.24
366 [자유게시판] 오래된 XE 설치 사이트 수리하기 53 0 2019.09.12
365 [사용팁] equeer layout 에 recaptcha 넣기 62 0 2019.05.10
364 [누리고] 누리고 장바구니 > 결제모듈 97 0 2019.05.10