모바일 애드센스 수입 증대 위한 애드센스 앵커광고 대체 방법

Updated on 2021-08-12 by

오늘은 모바일 애드센스에서 효율을 조금 더 높이기 위해 효과가 높은 일반 광고로 구글 앵커광고 대체 방법을 살펴보도록 하겠습니다.

구글 애드센스 적용 방법중에 구글에서 위치나 적용 시기를 자동으로 결정해주는 자동광고가 가장 편합니다. 자동광고 효과는 좋다고 평가하는 경우도 있고, 별로라고 평가하는 경우도 있습니다.

이 중 앵커광고는 구글 자동광고중에서 가장 일반적으로 적용하는 광고인데요. 자동으로 노출시켜주기 때문에 편리하지만, 아직은 개선포인트들이 많이 있습니다.

가장 많이 언급되는 것이 애드센스 앵커광고 위치가 상단과 하단 중에 적절하게 노출되고 있는데, 많은 경우 상단 앵커광고에 대해서 거부감이 큰 것 같습니다. 아무래도맨 위에 광고가 나오니 사용경험이 나빠지기 때문일텐데요.

그래서 인터넷을 검색해보면 앵커광고를 한단에만 위치시키도록 강제하는 방법들이 많이 소개되고 있습니다.

여기에서는 구글에서 제공하는 앵커광고를 한단에서만 노출되도록 만드는 것이 아니라. 일반 에드 센스 광고로 앵커광고를 대체하는 방법에 대해서 알아보겠습니다.

앵커광고를 대체하는 방밥은 대단한 무엇이 있는 것은 아니고, 일반적인 애드센스 반응형광고를 하단에 위치 시키는 방법입니다.

이 방법은 구글 애드센스에서 제공하는 코드 변경 방법을 응용한 것인데요.

  • 먼저 애드센스 반응형 광고를 만듭니다.
  • 저는 신규 광고 단위 만들기로 들어가, 디스플레이 광고 중 수평형을 선택해 새로운 광고 코드를 만들었습니다.

그 다음 다음과 같은 형식으로 광고코드를 변경합니다. 간히 추가 설명을 보태면

  • 하단 위치를 위해 class를 footer로 지정
    만약 별도 애드센스 플러그인을 사용한다면 footer 지정은 불필요
  • 스마트폰마다 해상도가 상당히 다르기 때문에 다양한 해상도에 맞추어 폭과 높이를 맞추어 주도록 가능하면 다양한 스마트폰 해상도별 폭과 높이를 지정
  • 가끔 높이가 제대로 먹히지 않는 경우가 있어 높이에 대해서는 !importnt 명령을 적용
  • 적용 광고를 제어하기 위한 class로 ” mobile_responsive”를 지정하고, 이 클래스에 따라 폭과 높이가 달라지도록
<div class="footer" style="height:200px !important"> <style> . mobile_responsive { width: 820px; height: 250px !important; } @media(min-width: 320px) { . mobile_responsive { width: 320px; height: 150px !important; } } @media(min-width: 340px) { . mobile_responsive { width: 340px; height: 150px !important; } } @media(min-width: 360px) { . mobile_responsive { width: 360px; height: 150px !important; } } @media(min-width: 375px) { . mobile_responsive { width: 375px; height: 150px !important; } } @media(min-width: 390px) { . mobile_responsive { width: 390px; height: 150px !important; } } @media(min-width: 415px) { . mobile_responsive { width: 415px; height: 200px !important; } } @media(min-width: 500px) { . mobile_responsive { width: 500px; height: 200px !important; } } @media(min-width: 600px) { . mobile_responsive { width: 600px; height: 200px !important; } } @media(min-width: 720px) { .a mobile_responsive { width: 720px; height: 200px !important; } } @media(min-width: 768px) { . mobile_responsive { width: 768px; height: 200px !important; } } @media(min-width: 820px) { . mobile_responsive { width: 820px; height: 250px !important; } } </style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-본인 애드센스 코드" crossorigin="anonymous"></script> <!-- Anchor Ad(광고코드를class="adsbygoogle mobile_responsive" style="display:block" data-ad-client="ca-pub-본인data-ad-slot="반응형응형ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>
Code language: PHP (php)

저는 AD INSERT pro라는 플러그인에서 제공하는 sticky 기능을 활용하고, 위 코드 중 <div></div> 코드를 제외한 나머지를 <script></script> 부분까지만 적용하고 있습니다.

거의 똑같지만 다시 한번 적시해 봤습니다.

<style> . mobile_responsive { width: 820px; height: 250px !important; } @media(min-width: 320px) { . mobile_responsive { width: 320px; height: 150px !important; } } @media(min-width: 340px) { . mobile_responsive { width: 340px; height: 150px !important; } } @media(min-width: 360px) { . mobile_responsive { width: 360px; height: 150px !important; } } @media(min-width: 375px) { . mobile_responsive { width: 375px; height: 150px !important; } } @media(min-width: 390px) { . mobile_responsive { width: 390px; height: 150px !important; } } @media(min-width: 415px) { . mobile_responsive { width: 415px; height: 200px !important; } } @media(min-width: 500px) { . mobile_responsive { width: 500px; height: 200px !important; } } @media(min-width: 600px) { . mobile_responsive { width: 600px; height: 200px !important; } } @media(min-width: 720px) { .a mobile_responsive { width: 720px; height: 200px !important; } } @media(min-width: 768px) { . mobile_responsive { width: 768px; height: 200px !important; } } @media(min-width: 820px) { . mobile_responsive { width: 820px; height: 250px !important; } } </style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-본인 애드센스 코드" crossorigin="anonymous"></script> <!-- Anchor Ad(광고코드를class="adsbygoogle mobile_responsive" style="display:block" data-ad-client="ca-pub-본인data-ad-slot="반응형응형ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Code language: PHP (php)

참고

구글 어낼리틱스로 콘텐츠별 애드센스 수익 분석 방법

애드센스 광고 효과를 높이는 5가지 팁

[워드프레스 Tips] 구글 AMP(Accelerated Mobile Pages)에 애드센스 적용하기

21년 새롭게 뉴스레터를 시작합니다

한 주간 발행한 포스팅과 읽었던 글 중 괜찮은 내용을 선정해 뉴스레터를 보내드리고 있습니다. 물론 중간에 괜찮은 글들이 있으면 부정기적으로도 보내드리고 있습니다.

서울에 생긴 Vultr 서버 100$ 프로모션

안녕하세요?
새로운 사이트 구축을 위한 신규 서버를 고민하신다면 , 서울 리젼이 생겨 더욱 빨라진 Vultr 서버를 Vultr 100$ 프로모션으로 이용해 보세요.

아래 프로모션 코드 링크를 통해 Vultr에서 서버 구축 후 1달 이상 사용 및 $25이상 결제 時 추가 100$을 주는 프로모션입니다.

Vultr는 서울에도 리젼이 있어 매우 빠르고, 아마존 웹 서비스(AWS)보다 성능이 높으며 가장 가성비가 뛰어납니다.

거기다 사용자 UI도 좋고, 15개까지 스냅샷을 무료로 제공하기 때문에 관리하기 좋습니다. 그리고 지금 100$ 프로모션처럼 가격적인 메리트도 있습니다.

우분투 20.04와 PHP 8 기반 워드프레스 설치 방법

가상 서버를 운영하고픈 勇者에게 전하는 가상 서버 운영 입문 노하우 – Vultr 가상서버호스팅(VPS)를 중심으로

워드프레스 최적화를 위한 18개월간의 고민, 그 노하우를 담다.

도쿄 리젼과 비교해 본 Vultr 서울 리젼 사용기

가성비가 뛰어난 Vultr 가상서버호스팅(클라우드호스팅,VPS) 사용기

guest
0 Comments
Inline Feedbacks
View all comments