티스토리 강좌 | 카테고리 다른 글 위에 애드센스 광고 등 넣는 방법

→다솜네텃밭 2018. 7. 13. 02:09

본문 아래에 항상 출력되는 것을 만들려면 HTML에서 <s_article_rep>와 </s_article_rep> 사이에 있는

본문 아래에 항상 출력되는 것을 만들려면 HTML에서 <s_article_rep>와 </s_article_rep> 사이에 있는 를 찾은 후 그 밑에 코드를 넣으면 됩니다.

<p>Text or Code</p>

1 2	[##_article_rep_desc_##] <p>Text or Code</p>

그런데, 카테고리 글 더보기 플러그인을 활성화했다면, ‘XXX 카테고리 다른 글’ 밑에 출력됩니다.

이것을 ‘XXX 카테고리 다른 글’ 위로 올리려면 스크립트를 이용해야 합니다.

일단 출력할 내용을 div로 감싸고 id 값을 부여합니다.

<div id="jb-01">
  <p>Text or Code</p>
</div>

</div>

위치를 이동시키는 스크립트를 추가합니다.

<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

( function( $ ) {

$( '.another_category' ).before( $( '#jb-01' ) );

} )( tjQuery );

</script>

전체 코드는 다음과 같습니다.

<div id="jb-01">
  <p>Text or Code</p>
</div>
<script>
<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

[##_article_rep_desc_##]

</div>

( function( $ ) {

$( '.another_category' ).before( $( '#jb-01' ) );

} )( tjQuery );

</script>

결과는 다음과 같습니다.

이동시키는 내용에 특별한 제한은 없습니다. 문구를 넣으면 문구가 나오고, 애드센스 광고 코드를 넣으면 광고가 나옵니다.

출처:https://www.jbfactory.net/11744

를 찾은 후 그 밑에 코드를 넣으면 됩니다.

<script onerror="changeAdsenseToNaverAd()" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9527582522912841" crossorigin="anonymous"></script>
<!-- inventory -->
<ins class="adsbygoogle" style="margin:50px 0; display:block; margin-left: auto; margin-right: auto; max-width: 696px;" data-ad-client="ca-pub-9527582522912841" data-ad-slot="3226867324" data-ad-format="auto" data-full-width-responsive="true" data-ad-type="inventory" data-ad-adfit-unit="DAN-mY3beyb1s0cRxlmy"></ins>

<script id="adsense_script">
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script>
    if(window.observeAdsenseUnfilledState !== undefined){ observeAdsenseUnfilledState(); }
</script>
<div data-react-app="NaverAd"></div>

                            <!-- Adam - START -->
        <div class="area_post_header"><ins class="kakao_ad_area" style="display:none;" 
 data-ad-unit    = "DAN-1iepz71potwzb" 
 data-ad-width   = "250" 
 data-ad-height  = "250"></ins> 
<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script></div>

        <!-- Adam - END -->

                                        <!-- System - START -->
        <div class="revenue_unit_wrap">
  <div class="revenue_unit_item adsense responsive">
    <div class="revenue_unit_info">반응형</div>
    <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async="async"></script>
    <ins class="adsbygoogle" style="display: block;" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-8428973921859004" data-ad-format="auto"></ins>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  </div>
</div>
        <!-- System - END -->

            <div class="blogview_content useless_p_margin editor_daum" style="height:auto!important"><p style="FLOAT: none; TEXT-ALIGN: center; CLEAR: none"><span class="imageblock"><img src="https://img1.daumcdn.net/thumb/R720x0.q80/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F996B9E435B478A7E1E" class="img_thumb"/></span></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>본문 아래에 항상 출력되는 것을 만들려면 HTML에서 <s_article_rep>와 </s_article_rep> 사이에 있는 를 찾은 후 그 밑에 코드를 넣으면 됩니다.</p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 링크46815 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-8428973921859004"
     data-ad-slot="8730557752"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p> </p><!-- Crayon Syntax Highlighter v_2.7.2_beta -->
<div id="crayon-5b4789acb1655764747379" class="crayon-syntax crayon-theme-arduino-ide crayon-font-consolas crayon-os-pc print-yes notranslate crayon-wrapped" style="MARGIN-BOTTOM: 25px; FONT-SIZE: 13px !important; HEIGHT: auto; MARGIN-TOP: 25px; LINE-HEIGHT: 30px !important" data-settings=" minimize scroll-always wrap">
<div class="crayon-plain-wrap"><textarea class="crayon-plain print-no" style="FONT-SIZE: 13px !important; Z-INDEX: 0; LINE-HEIGHT: 30px !important; opacity: 0; tab-size: 4; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4" readonly="" data-settings="dblclick">
<p>Text or Code</p>

1 2	[##_article_rep_desc_##] <p>Text or Code</p>

그런데, 카테고리 글 더보기 플러그인을 활성화했다면, ‘XXX 카테고리 다른 글’ 밑에 출력됩니다.

이것을 ‘XXX 카테고리 다른 글’ 위로 올리려면 스크립트를 이용해야 합니다.

일단 출력할 내용을 div로 감싸고 id 값을 부여합니다.

<div id="jb-01">
  <p>Text or Code</p>
</div>

</div>

위치를 이동시키는 스크립트를 추가합니다.

<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

( function( $ ) {

$( '.another_category' ).before( $( '#jb-01' ) );

} )( tjQuery );

</script>

전체 코드는 다음과 같습니다.

<div id="jb-01">
  <p>Text or Code</p>
</div>
<script>
<script>
  ( function( $ ) {
    $( '.another_category' ).before( $( '#jb-01' ) );
  } )( tjQuery );
</script>

[##_article_rep_desc_##]

</div>

( function( $ ) {

$( '.another_category' ).before( $( '#jb-01' ) );

} )( tjQuery );

</script>

결과는 다음과 같습니다.

이동시키는 내용에 특별한 제한은 없습니다. 문구를 넣으면 문구가 나오고, 애드센스 광고 코드를 넣으면 광고가 나옵니다.

출처:https://www.jbfactory.net/11744