Profile
이온디

2019.11.03

개발팁

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

조회 수 33 추천 수 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
8
Lv
이온디

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

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

0개의 댓글

에디터
번호 제목 조회 수 추천 수 날짜
공지 [라이믹스] Another XE, 라이믹스 소개/설치하기 196 0 2019.01.09
공지 [XE소식] XE제작문의는 이온디 제작의뢰로 가주세요. 213 0 2018.12.10
공지 [사이트맵] XE/라이믹스 사이트맵 불편 기능을 알려주세요. 206 0 2017.09.23
371 [아이디어/건의] 라이선스 이슈 22 0 2019.11.12
370 [사용팁] xe sketchbook 댓글 추천 새로고침 없이 42 0 2019.11.08
369 [개발팁] xe sketchbook 카카오톡 공유 63 0 2019.11.03
[개발팁] 게시판 리스트 중간에 구글 광고 띄우기 33 0 2019.11.03
367 [개발팁] 게시물 중간에 원하는 위치에 구글 광고 삽입하기 끝!; 28 0 2019.10.24
366 [자유게시판] 오래된 XE 설치 사이트 수리하기 58 0 2019.09.12
365 [사용팁] equeer layout 에 recaptcha 넣기 73 0 2019.05.10
364 [누리고] 누리고 장바구니 > 결제모듈 104 0 2019.05.10
363 [아이디어/건의] 오프라인 강좌 결제 33 0 2019.04.17
362 [추천자료] [XE끌어올리기] 유투브를 배경음악으로 - 48 0 2019.04.06
361 [사용팁] nginx xe-rewrite.conf 526 0 2019.03.22
360 [아이디어/건의] [계획] 구글애드센스 디자인의 XE 관리자 테마 만들어보기 123 0 2019.03.21
359 [사용팁] contentextended 안될 때 50 0 2019.01.21
358 [사용팁] 대규모 사이트에서의 XE 세팅방법 (Thanks to 기진곰) 125 0 2019.01.17
357 [사용팁] xe 로그인방식 아이디 이메일 52 0 2019.01.11