구글 블로그스팟 본문 상단, 하단 자동 광고 넣는 방법 정리

IT정보|2023. 1. 3. 14:29

현재 필자는 작년 말부터 구글 블로그스팟에서 취미로 BLOG를 개설하여 운영하고 있습니다. 사실 인터페이스나, 화면에 보여지는 결과물, 에디터의 기능 등은 티스토리가 월등히 좋은데요. 그래도 구글 웹마스터 도구에서 사이트맵, RSS를 하루에 한번씩 잘 긁어가고, 광고도 잘 나와서 재미로 만지작 거리고 있습니다.

 

그래서 오늘은 구글 블로그 스팟의 컨텐츠 본문 상단과 하단에 자동으로 애드센스 광고가 나오도록 광고 코드를 삽입하는 방법을 정리해서 올리고자 합니다. 혹시라도 취미로 도전하려는 분들이 있다면 참고하시기 바랍니다.

 

▲ 먼저 blogger 사이트로 들어가면 관리자 화면 좌측에 관리 메뉴가 뜨는데요. 여기서 테마를 눌러줍니다.

 

▲ 테마를 누르면 자신이 현재 사용중인 스킨을 편집할 수 있는 주황색 버튼이 있는데요. 그것을 누르면 위와 같은 화면이 뜹니다. 여기서 HTML편집을 눌러주면 태그를 수정하거나 추가할 수 있는 페이지로 이동합니다.

 

▲ HTML 편집 화면에서 Ctrl + F를 누르고 <data:post.body/> 문구를 검색해주면 약 3 부분 정도 나오는데요. 가장 밑에 있는 부분으로 이동해서 <data:post.body/> 태그 위, 아래에 애드센스 광고 코드를 삽입하면 됩니다.

 

참고로 <data:post.body/> 문구의 앞에는 'post-body entry-content'가 있고, 뒤에는 <div class='post-footer'>가 있는 부분 중 가장 뒤에 있는 <data:post.body/> 문구를 이용하면 됩니다.

 

만약, 이 부분에 코드를 넣고 글 화면에서 새로고침을 눌렀는데 빈 칸이라도 뜨지 않는다면 다른 부분에도 넣어서 적합한 위치를 찾아주시면 됩니다. 제 경우에는 2번째 부분에 넣었는데 나오지 않아서 3번째에 넣으니 출력이 정상적으로 이루어졌습니다.

 

구글 블로그스팟 애드센스 코드 추가시 주의사항

 

저도 이번에 스팟을 이용하면서 알았는데 구글 블로그에는 티스토리와 태그가 다른 형태로 들어갑니다.

 

그래서 애드센스 광고 코드를 넣을때 위 그림처럼 스크립트 태그 안에 async="async"를 추가해야 광고가 제대로 출력됩니다. 만약 " " 이 안 먹힌다면, ' '로 해보기를 권합니다. 이 태그 부분의 추가 사항은 본문 내 중간광고를 수동으로 넣을때도 적용되니 꼭 잊지말고 참고하시기 바랍니다.

 

여기까지 구글 블로그 상단, 하단에 자동으로 애드센스 광고가 출력되도록 설정하는 방법을 정리해봤는데요. google의 경우 바로 유입이 생기거나 수익이 나오지 않으니 수정을 통해서 충분히 테스트를 해보시기 바랍니다.

 

참고로 google blog의 경우 처음에는 새 글에 광고가 붙는데 1시간 정도 걸립니다. 어느정도 꾸준히 운영을 하다보면 빨리 붙으니까 참고 인내하면서 취미로 운영해보면 재미있을겁니다. 참고하세요.

댓글()