본문 바로가기
AdSense

티스토리 사이드바에 애드센스 광고 넣는 정말 쉬운 방법

by 김씩씩 2020. 10. 11.

Tistory 사이드바에 Google AdSense 광고 넣는 정말 쉬운 방법(티스토리 사이드바에 애드센스 광고 넣는 방법)

 

많은 분들이 티스토리를 운영하시면서 애드센스로 수익을 내고 계실텐데요.

티스토리 사이드바에 애드센스 광고를 정말 쉽게 넣을 수 있는 방법을 알려드리도록 하겠습니다.

html 코드를 수정하고 하실 필요도 없습니다!

 

먼저 티스토리 사이드바에 게재할 Google AdSense 광고를 만듭니다.

광고 > 개요 로 들어가 광고 단위 기준에서 원하는 광고를 만들기 시작합니다.

사이드바에 게재할 광고는 역시 디스플레이 광고를 추천드립니다.

 

광고 단위 이름을 원하는 이름으로 작성해주시고, 광고 크기반응형을 선택해주신 뒤 만들기클릭합니다.

크기를 반응형이 아닌 직접 지정하고 싶으신 분들은 지정하셔도 되지만 저는 반응형을 추천드립니다!

또한 다들 잘 아시겠지만 혹시나해서 말씀드리자면 디스플레이 광고 미리보기의 사각형, 수평형, 수직형은 선택하면 그 형태로 광고를 만드는 것이 아니라 사각형, 수평형, 수직형이 이렇게 나온다는 것을 보여주는 것일 뿐입니다.

반응형으로 하기에 게재되는 공간에 따라 알아서 크기를 맞춰주는 것입니다.

그렇기때문에 무슨 형태를 선택해야 하지 고민하지 않으셔도 됩니다!

 

만들기 버튼을 클릭하시면 위와 같이 광고가 만들어지고 코드가 생성됩니다!

코드 아래 코드 복사 버튼을 클릭하여 손쉽게 코드를 복사할 수 있으니 버튼을 클릭하여 코드를 복사합니다.

 

이제 광고를 게재할 우리의 티스토리로 들어간 다음 블로그 설정에서 사이드바로 갑니다.

 

사이드바에 들어가면 HTML 배너출력 이라는 모듈을 사용할 것입니다!

 

혹시라도 이 HTML 배너출력이라는 모듈이 보이지 않는다 하시는 분들은 걱정하실 필요 전혀 없습니다!

플러그인에 가셔서 배너 출력 이라는 플러그인을 위 사진과 같이 적용시켜주신 뒤 다시 사이드바로 가보시면 HTML 배너 출력이 아주 잘 보일 것입니다!

 

다시 사이드바로 돌아와서 HTML 배너출력을 하나 추가해줍니다.

위 사진처럼 버튼을 클릭해서 추가 해주셔도 되고, 모듈을 사이드바로 드래그하셔서 추가해주셔도 됩니다.

 

HTML 배너출력 모듈을 사이드바에 추가하셨으면 마우스를 갖다대면 나오는 편집 버튼을 클릭합니다.

 

편집 버튼을 클릭하면 나오는 HTML 배너 편집을 합니다.

이름을 지정해주고, HTML 소스에는 아까 복사한 애드센스 광고 코드를 그대로 붙여넣습니다.

그리고 이 모듈을 다시 사용할 수 있도록 사용자 모듈에 저장을 체크하고 확인버튼을 클릭하여 저장합니다.

 

HTML 배너 편집을 완료하면 위와 같이 이름이 변경되고 편집한 HTML 배너가 사용자 모듈로 저장된 것도 볼 수 있습니다.

 

이제 만들어진 애드센스 모듈을 원하는 위치에 배치하고 변경사항 저장 버튼을 클릭하여 사이드바에 애드센스 광고 넣기를 완료합니다.

 

이제 자신의 티스토리에 들어가 보시면 이렇게 광고가 잘 나오고 있는 것을 보실 수 있습니다!

 

이상으로 티스토리 사이드바에 애드센스 광고 넣는 방법 설명을 마치도록 하겠습니다.

다들 애드센스로 좋은 수익 거두셨으면 좋겠습니다!

 

 

제 글에 잘못된 정보, 더 좋은 방법 혹은 정보, 

궁금하신 점, 요청 사항 등이 있으시다면 언제든지 말씀해 주세요!

 

감사합니다.

 


댓글