본문으로 바로가기

애드센스 광고 달기 쉬워요

category IT/구글 애드센스 2017.01.17 20:37


애드센스 광고 달기 쉬워요
과거에는 티스토리 블로그에 구글 애드센스 광고를 삽입하려면 HTML/CSS 편집을 이용해 특정 광고가 출력되는 위치에 삽입을 해야만 했다. 요즘은 티스토리 블로그 플러그인에 플러그인 설정을 통해 "Google AdSense (모바일용)", "Google AdSense (데스크탑 웹용)", "Google AdSense (반응형)" 총 세가지 플러그인을 이용하면 티스토리 블로그를 처음 시작하는 초보 블로거들도 쉽게 구글 애드센스를 블로그에 삽입하여 수익창출을 할 수 있다.

애드센스 광고 달기 쉬워요


그럼 티스토리 블로그 '플러그인 설정' 하는 방법에 대해 알아보기 전에 구식방법인 HTML/CSS 에 광고 넣는 방법을 설명하겠다.



Daum 아이디를 통해서

모바일 티스토리 앱을 받아서 초대방 없이 회원가입을 한 후

구글 애드센스 홈페이지 에서 광고를 생성 후 [활성화]시킨 후 복사하여 붙여넣을 준비를 한다.


운영하고자 하는 블로그를 생성하고

'꾸미기' 에 있는 HTML/CSS 편집 을 이용해 아래와 같은 위치에 애드센스 광고를 달 수도 있다.

스킨 형태에 따라 조금씩 달라지지만 기본적으로는

[##_article_rep_date_##]

아래에 위와 같은 광고코드를 복사하여 붙여넣어

광고를 출력시킬 수 있다.


왼쪽으로 정렬을 하라는 명령어 <left>를 사용했다.



이렇게 HTML/CSS 편집을 이용한 방법은 구식이고

신식방법은?


티스토리 블로그 플러그인 설정에 들어가서

Google AdSense (모바일용)

을 선택하면 


(첫 페이지에, 하단 페이지에, 위/아래)

세 가지 형식으로 광고를 출력할 수 있다.


보통은 위 / 아래가 가장 무난하다.


여기서 중요한 것이 있는데

광고를 넣을때 약간 변형을 해줘야 정상적으로 작동을 한다.


구글 애드센스에서 복사하여 붙여넣은 코드를

메모장이나 텍스트편집기를 이용해

붙여넣은 다음

한번 살펴봐라


위에것과 먼가 다른형태일 것이다.

위에 형태에서 data-ad-client='ca=pub-숫자" 인데 여기서 숫자는 내 구글 애드센스 고객아이디(번호)이고

아래에 data-ad-slot="숫자" 이건 코드번호이다.


만약 구글 애드센스에서 생성된 Ad 들을 복사하여 붙여넣는다면 다 애드센스 고객아이디(번호)는 동일하고

아래에 슬롯 숫자만 다를것이다.


고객아이디(번호) 위에를 보면 사이즈가 있다. 

width 가로폭 336px

height 세로폭 280px 

로 만든다는 의미이다.



여기서 임의의 최적화된 사이즈를 입력하면

내 티스토리 블로그 사이트에 입력한 사이즈로 ad가 출력이 된다.


다음은 위에것과 거의 동일한 내용이지만 사실은 조금 다르다

위에는 모바일용이라 웹에서는 출력되지 않고 말그대로 모바일에서만 출력되는 모바일 용이라는 것이다.

그리고 또 하나로 데스크탑 웹용 이라는 것이 있다. 이것도 역시 모바일 처럼

모바일용은 모바일에서만 출력되고

데스크탑용은 PC에서만 출력된다.


아 복잡하다.

생각 할 수 있지만

그럼 왜 이렇게 개별로 플러그인을 만들었을까?


사용자 환경에 따른 각기 다른 운영체제, Pc 또는 고급테블릿pc, 고급휴대용 플랫폼, 휴대용기기(모바일) 등에서 각기 다른 광고를 삽입하여 출력시키기 위해서다.

나중에 티스토리 블로그를 오래 운영하다보면

통계정보를 보면 이해가 갈 것이다.


사용자 환경에 따라 클릭율, 체류시간 수익 등이 달라지는 것을 알 수 있다. 



위는 Google AdSence (반응형)으로 

반응형 스킨에서 적용시켜야 한다.


Ad 삽입하는 위치는 


(위, 아래, 위/아래 )에 출력시킬 수 있다.


코드는 위와 동일하게 적절한 최적의 사이즈를 붙여넣어주면 된다.


애드센스 광고 달기 쉬워요


출력되는 AD는 위 화면과 같이

보인다. 위/아래를 삽입했을때 화면이다.



한 사이트에 최적의 AD 삽입 갯수는 2개~3개가 적당하다.

너무 많은 AD 삽입은 오히려 역효과를 내며

이탈율을 증가시킨다.


결국 체류시간이 짧아지고 블로그 저품질이 될 수 있다.


관련글


2016.12.17 윈도우 단축키


2016.12.08 악성코드 제거 프로그램 애드워치


티스토리 블로그 AdSense AD 달기 초보자들도 어렵지 않게 할 수 있다.

'IT > 구글 애드센스' 카테고리의 다른 글

애드센스 광고 달기 쉬워요  (3) 2017.01.17

댓글을 달아 주세요

  1. 2017.01.19 13:09

    비밀댓글입니다

  2. 2017.01.31 23:41

    비밀댓글입니다

    • 화이트그리핀 신고">2017.01.31 23:52 신고

      광고 크기가 맞지 않을때 발생하는 오류로 보입니다.
      생성하신 광고코드 <상단 광고3>의 크기가 어떻게 되나요?

      모바일 용이 아닌 PC용 애드센스로 본문 문단에 넣으실꺼죠?