구글에드센스 상단에 두개 하단에 두개 광고 넣기 모바일은1개씩넣기 꿀팁

안녕하세요 낭만고양이 입니다.

티스토리에 구글에드센스 사용하시는 분들이 많을텐데요. 어떻게하면 클릭율을 높일가 많은 고민을 하게됩니다. 너무 많은 광고를 넣게되면 방문자가 거부감을 느낄수있으니 적당히 적당한 곳에 배치하는것이 쉽지많은 않습니다. 오늘은 구글에드센스 광고를 상단에 2개 하단에 2개 넣는 방법 그리고 모바일일때는 상단에 광고 하나 하단에 광고하나만 나오도록하는 방법에 대해 알아보도록하겠습니다.

모바일접속시에는 하나만 보여야 한다고 하네요 연속으로 두개의 광고가 나오면 정책위반에 걸릴수가 있습니다. 그리고 상단 모바일 광고의 경우 크기가 크면 정책위반에 또 걸릴수 있다고합니다. 그래서 모바일 상단광고 크기는 300*200 을 가장 많이 사용하고 있습니다. 

PC 버젼일때 모바일 버젼일때 다르게 출력해야 하니 반응형 플러그인을 사용하면 됩니다. 지금부터 잘 따라오세요.

우선 관리자 메뉴에 들어가셔서 플러그인을 클릭하세요, 그러면 여러가지 플러그인이 나올텐데요 그중에서 구글애드센스 (반응형) 을 찾아서 클릭해보세요,

그러면 아래와 같이 나올텐데요 아래그림처럼 1번을 선택하시면 소스입력박스가 2개가 나옵니다

2번네모박스에 상단에 들어가 소스를 입력하시면 됩니다

3번 입력박스에는 사단에 들어갈 소스를 입력하시면 됩니다

그런후 4번 변경사항 저장을 누르시면 적용이 완료됩니다.

이제 우리가 알아야 한것인 상단 소스와 하단에 들어갈 소스입니다.

먼저 상단에 들어갈 소스 부터 만들어보겠습니다.

PC용 으로는 336*280 사이즈 광고 2개를 만드시고 모바일용으로 300*250 사이즈를 만드세요.

이건 다 아실줄 알고 패스하도록하겠습니다. 잘 만드셨다면 아래 처럼 나올거예요 모바일 광고의 소스입니다.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 모바일_상단 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="▲"
     data-ad-slot="■"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

위 소스중 ▲는 개인 고유번호이며 자신의 광고라면 모두 동일할겁니다

그리고 ■는 각 광고의 고유 아이디 입니다. 이것을 기억하고 아래로 넘어가도록하겠습니다.

자신이 만든 광고소스를 참고해서  아래의 소스에 ▲와 ■ 를 대입하셔서  수정하시면됩니다.

<!-- 광고시작 -->
<br>
<div>
    <!-- 데스크탑용 애드센스 -->
    <script>
    if(window.getWindowCleintWidth()>=768){
        document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
<\/script>
<ins class="adsbygoogle" data-language="ko" 
style="display:inline-block;width:336px;height:280px" 
data-ad-client="▲" 
data-ad-slot="■">
</ins></span>
<span style="margin-left: 30px;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
<\/script>
<ins class="adsbygoogle" data-language="ko" 
style="display:inline-block;width:336px;height:280px" 
data-ad-client="▲" 
data-ad-slot="■">
</ins>');
        (adsbygoogle = window.adsbygoogle || []).push({});
    }
    </script>
 
</div>
<div>
 
    <!-- 모바일 상단 300 x 250 크기 애드센스 -->
    <script>
    if(window.getWindowCleintWidth()<768){
        document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
<\/script>
<ins class="adsbygoogle" data-language="ko" 
style="display:inline-block;width:300px;height:250px" 
data-ad-client="▲" 
data-ad-slot="■">
</ins>');
        (adsbygoogle = window.adsbygoogle || []).push({});
    }
    </script>
</div>
<!-- 광고끝 -->

상단의 두가지 ▲와 ■ 는 데스크탑용 광고 2가지를 대입하셔야 하고 

아래쪽에  ▲와 ■ 는 모바일용 광고소스를 대입하셔야합니다.

▲는 동일하니 한번만 복사해서 쭉 붙여넣으시면 되구요   ■ 는 잘 보시고 하나씩 대입하셔야 할겁니다.

이렇게 잘 만드셨다면 상단 광고가 만들어진겁니다. 

하단 광고도 동일하게 만드시면 되겠지요. 어려울것 하나도 없습니다. 천천히 따라해보시면 누가나 다 하실수 있습니다.

이상으로 구글에드센스 상단에 두개 하단에 두개 광고 넣기 모바일은 1개씩넣기  를 배워봤습니다.

PC2모바일1.txt

[블로그  추천글]

→ 구글 에드센스 용어정리 [google AdSense 용어집] 

→ 구글에드센스 상단에 두개 하단에 두개 광고 넣기 모바일은1개씩넣기 꿀팁

→ 구글에드센스수익 입금-은행별 식별코드 스위프트코드(SWIFT CODE) 총정리