정보/블로그 운영팁

애드센스 광고 자동 리프레시(새로고침)를 통해 광고 수익 개선하기

변태 개발자 아미넴 2021. 9. 17.

광고 수익을 좀 더 개선하기 위해 계속 연구해 보는 중에 생각해 낸 방법입니다.

 

시간이 어느 정도 흐른 뒤 새로운 광고로 바꿔주면 좀 더 효과를 볼 수 있지 않을까 하는 생각이 출발이었습니다. 어쨌든 사람들이 광고를 클릭할 확률을 높여야 하는 싸움이니까요.

 

생각보다 어렵지는 않으니 잘 따라오시기 바랍니다.

 

목차

     

    자바스크립트 코드 작성

    관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다.

     

    html 편집을 클릭합니다.

     

    그럼 다음과 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다.

     

    body 태그 안쪽 제일 하단 script 태그 안에 붙여넣기 하시면 됩니다.

     

    refreshAds 함수를 하나 만들어서 제 블로그 기준으로 일치하는 광고 하나와 사이드바 애드센스 광고 하나를 재귀 호출하여 새로고침 무한 반복 시키는 구조로 짜 보도록 하겠습니다.

    function refreshAds(type) {
        if(type == 'init') {
            refreshAds('recommend');
            setTimeout(function() {
                refreshAds('sidebar');
            },200);
        } else {
            setTimeout(function() {
                if(type == 'recommend') {
                    if($('#recommend-ads > ins').children().length > 0) {
                        $('#recommend-ads > ins').children().remove();
                        $('#recommend-ads > ins').removeAttr('data-adsbygoogle-status');
                        (adsbygoogle = window.adsbygoogle || []).push({});
                        refreshAds('recommend');
                    }
                } else if(type == 'sidebar') {
                    if($('.sidebar .revenue_unit_wrap .adsbygoogle').length > 0) {
                        $('.sidebar .revenue_unit_wrap .adsbygoogle').children().remove();
                        $('.sidebar .revenue_unit_wrap .adsbygoogle').removeAttr('data-adsbygoogle-status');
                        (adsbygoogle = window.adsbygoogle || []).push({});
                        refreshAds('sidebar');
                    }
                }
            }, 30000*(Math.random()*2+1));
        }
    }
    
    $(document).ready(function() {
        refreshAds('init');
    });

    최초에는 바로 새로고침 하면 안 되므로 파라미터를 init으로 주어 짧은 간격으로 2가지 케이스를 다시 호출합니다. 파라미터가 recommend일 경우 일치하는 광고를 새로고침 하고 sidebar일 경우 사이드바에 있는 애드센스 광고를 새로고침 하는 구조입니다. 시간은 랜덤으로 30~90초 간격으로 작동하도록 하였습니다. 너무 일정한 간격으로 기계적으로 새로고침을 한다고 생각하니 뭔가 모르게 불안한 느낌이 들어서 랜덤 함수를 사용하였습니다.

     

    광고 영역은 각자 다르겠지만 여기서 중요한 것은 광고 태그(ins)를 찾아서 하위 태그를 몽땅 날리고 data-adsbygoogle-status 속성을 날린 뒤 다시 광고 받아오는 메서드를 호출하면 해당 부분이 새로운 광고로 대체됩니다.

     

     

    결과 보기

    다음과 같이 광고가 새로고침 되는 모습을 무한으로 반복하게 됩니다.

     

    광고 수익이 조금이라도 늘어나길 기대해 보겠습니다.

    다들 부자되세요!

    BIG

    댓글6

    • 모나ss 2021.09.17 16:09 신고

      정말 전문적인 지식을 가지구계시네요 ㅎㅎㅎ좋은정보감사합니다.
      답글

    • LunaCell 2021.09.18 11:26 신고

      혹시 사이드바 추천글 개수를 조절할 수 있는 기능도 구현이 가능한가요?

      혹시나 안되면 티스토리 자체에 사이드바 설정에 애드센스 코드를 집어 넣을 수 있는 기능이 있어요. 그 기능을 쓰면 사이드바 광고가 3~4개 더 배치할 수 있는데 스크롤을 내리니깐 애드센스 광고 화면도 함께 내려와져서 문제가 생기더군요. 이것도 끄고/켜고 할 수 있는 기능이 구현 가능할까용?

      https://sangminem.tistory.com/530
      이 게시물에 애드센스 페이지가 따라다니는 기능이 있는데 이걸 말씀드리는거예용. ㅎㅎ
      답글

      • 일치하는 광고는 애드센스 사이트에서 따로 설정할 필요 없이 아래와 같이 광고 영역만 다르게 하여 조절이 가능합니다.
        .sidebar #recommend-ads.revenue_unit_item.adsense {
        width: 300px;
        height: 593px;
        padding: 7px 0 0 0;
        }
        .sidebar #recommend-ads > ins {
        width: 280px !important;
        height: 580px !important;
        padding-right: 3px;
        }
        미세한 여백 차이 때문에 옵션으로 넣긴 조금 애매한데 불가능할 것 같진 않구요.

        플로팅 광고 끄는 기능은 최신 버전에는 구현이 되어있습니다.
        기타 설정 > 플로팅 광고 사용 여부를 OFF 해주시면 됩니다~

      • 2.5.6 버전에서 원하시는 기능을 옵션으로 넣었으니 참고해 보세요!
        https://sangminem.tistory.com/577

      • LunaCell 2021.09.19 08:44 신고

        핰! 감사합니다! 바로 세컨드 블로그에 적용해봐야겠네요 ㅎㅎ

    💲 추천 글