애드센스 정복하기 2탄 - 애드센스 적용하기(플러그인 없음)

안녕하세요 하율아빠입니다.

 

구글애드센스 가입 및 신청을 마치고

구글애드센스의 승인 메일을 받으셨다면

이제 내 티스토리 블로그에 구글 애드센스를

적용할 차례입니다!

 

2020년 12월 기준 가장 최신버전의

티스토리 애드센스 적용 방법을 소개드릴테니

아래 내용 잘 따라오시길 바랍니다

 

이전까지는 티스토리 플러그인에서

이런저런 절차들이 있었던 것으로 알고있으나

플러그인은 삭제되고 없으니 당황하지 마시고

최신버전 방법 참고하세요!

 

 

티스토리에 애드센스 적용하기!

 

우선 티스토리에 로그인하시고

본인 블로그의 관리창으로 들어갑니다

 

좌측 메뉴에서 수익메뉴를 클릭해주시면

 

 

구글 애드센스쪽 상세보기 버튼이 활성화 되 있을거에요

상세보기를 클릭해주시구요

 

 

광고설정을 할 수 있는 창을 보실 수 있을겁니다.

 

 

이 화면에서는 내 블로그 어디에 광고를 삽입할지

자동으로 영역을 설정해줄 수가 있습니다.

 

수익형 블로그라면 다 켜주는게 일단 기본 아니겠어요?

그리고 미리보기를 눌러주면

 

어떤식으로 블로그에 광고가 노출되는지를

미리 확인해볼 수 있습니다.

최 상단에서는 PC화면, 모바일 화면에서 어떻게

보여지는지를 볼수 있구요

카테고리 칸을 클릭하면 홈, 리스트, 글 화면에서

어떻게 광고가 노출되는지 볼 수 있습니다.

 

여기까지는 티스토리에서

자동으로 광고가 배치되는

자동형 광고의 삽입 방법입니다.

 

이제 구글 애드센스에서 자동으로 광고가

배치되도록 설정을 해주어야 합니다.

애드센스 홈페이지로 접속해주시구요

 

구글 애드센스www.google.com/adsense/

Google 애드센스 - 웹사이트에서 수익 창출하기

로그인을 합니다.

 

 

그럼 이런 창이 보이게 되는데요

좌측 광고 - 개요를 클릭하시고

우측에 보시면 팬모양 버튼이 있습니다

클릭해줍시다

 

접속한 화면의 우측을 보시면 자동광고

ON/OFF 버튼이 있으니

자동광고 설정을 해줍니다.

 

이 자동광고 설정은

내 포스팅의 성질에 따라

배치해놓은 광고란에

자동으로 광고를 집어넣어주는 설정입니다.

 

필히 자동으로 설정하시기 바랍니다.

 

아래 광고형식은 추가로 손댈 부분이 없습니다.

그 밑에 광고 로드의 경우 광고를 띄울 최대 개수를

선택하는 것인데 평균으로 두어도 무방합니다.

더많은 광고를 집어넣고 싶다면 최대로 하면 되나

블로그 포스팅의 로딩시간이 길어질 수 있으니

참고 바랍니다.

 

별도의 html코드를 수정하거나 하는 일이 없어

훨씬 간단한 방법이죠.

이전까지는 html을 변경하여 광고를

삽입해야하는 번거로움이 있었으나

별도의 코드변경 없이 누구나 쉽게 광고적용 부위를

바꿀 수 있으니 얼마나 좋나요!

 

그러나 이 자동형 광고에는

글의 최 상단, 하단에 밖에 광고를

지정할 수 없습니다.

우리는 수익형 블로그이기 때문에

글 중간중간에도 광고를 삽입해야겠죠?

 

그럼 이제 메인 과제인

글 중간중간 광고 삽입하는 방법을

알려드리도록 하겠습니다!

 

 

포스팅 중간중간 글 중간중간 애드센스 광고 삽입하기

이부분은 어쩔 수 없이 html 코드를

변경해야 하는 번거로움이 있습니다

매 포스팅마다 수작업을 해야하는 점이죠

 

아까와 마찬가지로 구글 애드센스 홈페이지로 접속하시고

로그인을 해줍니다

 

광고 - 개요 - 광고단위기준 - 디스플레이 광고를 클릭합니다.

 

 

광고의 이름은 아무렇게나 넣어도 상관없습니다

저는 '티스토리 광고'로 적어놓았고

우측에보시면 사각형, 수평형, 수직형이 있는데

원하는 광고 배너의 크기를 선택하시면 됩니다

그리고 맨 우측에 광고크기는 반응형으로

하시는것이 가장 좋습니다.

 

고정된 크기를 지정해주게 되면

PC와 모바일 화면 크기가 다르기때문에

광고노출이 제한적일 수 있기 때문입니다.

 

이런 설정이 완료가 되면

우측 하단에 만들기 버튼을 눌러줍니다

 

그러면 나의 광고를 삽입할 수동 html 주소가

생성되게 됩니다.

 

 

메인화면의 개요로 돌아오시면

아래쪽에 광고단위가 하나 생성된것을 확인하실 수 있습니다.

여기서 <> 버튼을 클릭하면

광고의 html 코드가 복사됩니다.

이 코드를 메모장으로 옮겨봅시다.

 

우리가 수동으로 광고를 넣을

html의 코드를 가져오는것 까지 성공했습니다.

 

이제 이 코드를 어떻게 적용하는지 알려드리겠습니다.

 

우선 열심히 포스팅 할 글을 써보세요

쭉~~ 쓴다음에

내가 광고를 넣고자 하는 위치에

표시를 해두는 겁니다.

 

 

 

저의 경우 광고를 넣을 곳에

'ㅂ'을 적어넣어 위치표시를 하였습니다

이렇게 하는것은

광고를 수동으로 넣을때 html 코드를

넣을 위치를 정확하게 파악하기 위함인데요

 

 

이렇게 넣은후에는

상단에 위치한 기본모드를 클릭합니다

그럼 HTML이라는 모드를 확인하실 수 있어요

 

검정화면으로 변하면서 HTML 화면으로 넘어가게 되는데

자세히보면 아까 우리가 적어넣은

'ㅂ'을 확인할 수 있죠?

 

컨트롤 + F 를 누르고 ㅂ을 검색하게되면

ㅂ을 적어넣은 위치를 바로 찾으실 수 있어요

 

ㅂ을 지우고 그 위치에 아까 메모장에

옮겨놓았던 HTML 코드를 그대로 복사, 붙여넣기 합니다

 

이렇게되면 내가원하는 위치에 광고삽입이 되게 됩니다.

 

그리고 완료버튼을 눌러주면 되는것이죠

 

 

이렇게 애드센스 자동광고 삽입,

수동광고 삽입에 대해서 알아보았습니다.

 

제기준 가장 쉽게 설명을 했다고 생각되지만

혹 이해가 안되시는분은 댓글로 문의 남겨주세요

친절하게 답해드리도록 하겠습니다!