애드센스 광고를 추가하려면?!

안녕하세요! aloveu입니다.

제 블로그 UI가 또 바뀌었죠?? 사실 자주 바뀌면 안 되는데 퇴근하고 와서 잠깐씩 조금조금 수정하다 보니 계속 뭔가 변화가 있네요. 작업하다 보면 하나같이 맘에 안 들어가지고...

 

여하튼 블로그를 꾸미다 보니 내가 원하는 곳에 애드센스 광고를 추가하고 싶었어요.

 

저는 예전 포스팅에도 말씀드렸다시피 광고가 덕지덕지 붙으면 뭔가 가독성이 떨어져서 블로그 글이 눈에 안 들어오다 보니깐 글을 해치지 않는 곳에 넣고 싶었습니다. 

광고를 많이 넣고 싶은데 가독성을 해치지 않게... 뭔가 딜레마죠 =ㅁ=;

그래서 글 상단 광고도 빼고 싶지만... 그것까진 나중에 하겠습니다.

 

각설하고 애드센스 광고를 제가 원하는 곳에 추가하기 위해서 포스팅을 씁니다.

우리가 자동광고나 글상단, 하단, 사이드바 이런 곳에 배치를 하지만 다른곳에도 나왔으면 하는 곳들이 있잖아요.

가령 사이드바 한쪽만이 아닌 양쪽이라던지... 댓글 아래라던지...

---

애드센스 추가광고 생성하기

구글 애드센스에 들어가 줍니다.

https://google.com/adsense

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

 

그리고 좌측 메뉴에 있는 광고를 클릭하고요.

애드센스 광고메뉴

광고단위기준 신규광고 만들기

 

광고메뉴를 클릭해서 나오는 페이지에서 광고 단위 기준 탭을 클릭해서 디스플레이 광고를 선택합니다.

 

그러면 새로운 광고를 만들 수 있어요.

새광고단위 만들기

 

광고 단위 이름을 알기 쉽게 설정하고 티스토리는 보통 다 반응형으로 스킨이 만들어져 있으니 반응형으로 선택합니다.

저는 댓글아래에 광고를 달 거니깐 댓글영역과 비슷한 수평형을 선택할 거예요. 

 

그러고 나서 아래 완료 버튼을 누르면 코드가 나오는데 이 코드를 복사합니다.

새로운 광고 소스코드

 

페이지 까면 다 나오기는 하지만 그래도 찝찝하니 모자이크 처리를 할게요. 

 

티스토리에 광고 삽입

아까 복사한 코드를 이제 티스토리에 심으러 갑니다. 

블로그 관리에 꾸미기 > 스킨 편집에 들어가서 우측 상단에 있는 html 편집에 들어갑니다.

그리고 코드상에서 Ctrl + F를 눌러 class="comments"를 찾아요. 저는 댓글 아래쪽에 추가 하기 위함이니 comments로 검색을 하겠습니다.

그리고 </s_rp> 태그 아래에 아까 복사한 구글 광고 코드를 붙여 넣습니다.

티스토리에 광고 코드 삽입

 

 

그리고 적용을 하면 1시간 이내에 댓글 아래쪽에 광고를 추가할 수 있어요.

 

포스팅 글에 삽입하기

포스팅 글이 길어져서 내가 글 중간중간에 광고를 넣고 싶으시면 그때는 티스토리 에디터에서 제공을 해주는 걸로 쓰시면 됩니다. 

티스토리 에디터 메뉴

 

글 쓰실 때 상단에 ...을 클릭해 보시면 광고라는 메뉴가 있어요. 그걸로 애드센스를 선택하시고 포스팅 중간에 넣으시면 됩니다.

 

다른 영역에는 어떻게 넣어요?

다른 영역에 넣고 싶으면 소스를 확인할 수 있어야 합니다. 일단 내 블로그에서 넣고 싶은 위치에서 마우스 오른쪽 클릭 > 검사를 클릭해 봅니다.

마우스 오른쪽 > 검사

 

그러면 크롬에서는 개발자 모드로 소스를 볼 수 있는데요. 저는 제일 하단의 푸터 부분에서 검사를 해서 footer라는 곳의 소스가 보입니다. 

footer의 소스

 

이때 해당하는 영역의 id나 class를 아까처럼 스킨의 html 수정창에서 검색을 해보는 겁니다.

footer의 소스창

 

그리고 보이는 곳 중 적절한 곳에다가 복사해 둔 애드센스 코드를 붙여 넣기 해서 사용하시면 됩니다.

 

내 블로그 화면이 깨질까 걱정이신 분들은 수정하기 전 html의 전체를 복사해서 텍스트파일 같은 곳에 따로 코드를 백업해 두시고 작업을 진행했다가 화면이 깨진다거나 이상하면 다시 백업해둔 소스 전체를 붙여 넣기 해서 돌리시면 됩니다. 

스킨버전을 저장할 수도 있지만 여기서는 설명하지 않겠습니다.

 

물론 이렇게 검색을 해도 안 되는 곳도 있습니다. 티스토리 블로그 치환자 안에는 제가 넣지 못해요.

이 티스토리 치환자라는건 소스에서  처럼 나오는 부분인데 이건 티스토리에서 만들어둔 어떤 모듈을 나타내는 겁니다.

여기는 내가 수정할 수 있는 스킨의 html에서 커스텀을 하지 못하니 넣을 수 없어요.

 

추가 광고의 실적 확인

애드센스에서 아까 새로운 광고를 만들었을 때처럼 광고 > 광고 단위 기준 탭을 클릭해서 들어가면 내가 만든 광고가 목록으로 나와요. 

광고단위 리스트

 

스샷에 표시한 목록 우측에 있는 차트표시를 눌러보면 이 광고의 예상 수입 데이터가 나옵니다.

차트

마무리

구글에서 참 쉽게 광고를 삽입할 수 있게 만들어 뒀으니 내가 원하는 곳에 광고를 삽입해서 최대한의 효과를 봤으면 좋겠습니다.

그럼 오늘도 읽어주셔서 감사하고 모두 애드센스로 

대박터지세요.

 

^___^