본문 바로가기

IT 서비스 바라보기/Blog

애드센스 손쉽게 수정, 삭제하는 방법

애드센스 손쉽게 수정, 삭제하는 방법


티스토리에서 모바일 애드센스를 자동으로 적용할 수 있는 플러그인을 내놨습니다. 그러다보니 본문에 애드센스 코드를 일일이 삽입해서 사용하던 분들은 애드센스를 각각 삭제하기 위해 모든 글을 따로따로 수정해야 하는 불상사가 벌어지고 있습니다. 그러다보니 애드센스를 한 번에 삭제하거나 수정할 수 있는 방법을 찾는 분들이 늘어나고 있지만, 티스토리에서 애드센스 코드를 한 번에 수정할 수 있는 방법이 거의 없다고 할 수 있습니다.

물론 방법이 전혀 없지만, 각 방법별로 문제점이 있습니다. 간단히 설명드리자면, 블로그 데이터를 백업해서 XML 코드를 수정한 후, 복원하는 방법을 사용해보려는 시도가 있었으나 100% 완벽하게 복원되지 않을 수 있다는 점과 수정하기 어렵다는 점이 일반 티스토리 블로거들에게 어려움으로 작용했습니다. 

또한, 애드센스 코드를 <div> 태그로 묶어 클래스명을 넣어 차후에 문제가 생기거나 다른 코드로 변경하고자 할 때, 해당 <div> 클래스를 보이지 않도록 스킨에서 설정하려는 시도가 있었으나 애드센스 정책 위반으로 정지를 먹을 수 있다는 문제점이 있습니다.

물론 이런 방법을 쓸 수 있다는 것조차 모르는 분들이 대부분인 것이 사실이다보니 (전공자나 관심 있는 사람이나 알지 ^^;) 글 하나하나 일일이 수정해야 한다는 결론이 나게 됩니다.  그래서 [수정할 글 열기 > HTML 체크 > 스크롤 내려 애드센스 코드 찾아서 블록 설정하고 삭제 > 저장하기] 과정을 무한 반복하게 되는데, 글 하나당 아무리 빨리 진행해도 10초 이상 걸리는 것이 사실입니다.

어쩌다보니 사설이 길어졌는데, 오늘 소개해드릴 방법은 애드센스 코드를 반복 작업으로 삭제하려는 경우, 최대한 손쉽게 수정 또는 삭제 할 수 있는 방법을 알려드리기 위해서입니다. 단순 반복 작업의 중간 과정을 단순화 시키는 방법인데요. 워드나 메모장의 Replace 기능을 웹브라우저에서 할 수 있는 방법을 소개해드리겠습니다.


■ 파이어폭스에서 애드센스 손쉽게 수정/삭제 하는 방법
저는 주로 구글 크롬을 사용하고 온라인 쇼핑 결제할 때만 익스플로러를 사용합니다. 그래서 애드센스 코드 수정을 메모장이나 워드에서처럼 Replace 기능으로 손쉽게 할 수 있는 구글 크롬의 확장 프로그램이 있었음 했는데 아쉽게도 원하는 녀석이 없더군요. 그래서 확장 프로그램의 메카인 파이어폭스에는 있지 않을까 싶어서 찾아보니 역시나 있더군요!

이름하여 'Find and Replace for FireFox 1.0 beta' 입니다. 확장 프로그램이 뭔지 모르시는 분들을 위해 하나하나 상세히 알려드릴테니 천천히 따라오세요.

1. 파이어폭스 웹브라우저가 없는 분들은 '파이어폭스'로 검색해서 나오는 프로그램 설치해줍니다.



2. 좌측 상단의 'Firefox' > 부가 기능 메뉴를 선택합니다. 이 메뉴에서 확장 프로그램 설치 및 설정을 할 수 있습니다.



3. 부가 기능 관리자 탭이 열리면 우측 상단의 검색창에 'find and' 라고 입력하고 찾기 버튼 혹은 엔터키를 눌러줍니다.



4. 그럼 해당 검색어로 된 확장 프로그램들이 여럿 나오는데 가장 상단에 'Find and Replace for FireFox 1.0beta' 프로그램이 나옵니다. 여기서 설치하기 버튼을 눌러주면 바로 설치가 되고 재시작하기를 누르면 해당 확장 프로그램을 사용할 수 있는 환경이 됩니다.


여기까지 완료하셨다면 애드센스를 최대한 간단하게 수정 또는 삭제 할 수 있는 환경이 구성되었습니다. 이젠 단순 노동만이 남았습니다! 계속 가볼께요!



5. 수정 또는 삭제할 애드센스 코드가 있는 글을 불러옵니다. 그 전에는 HTML 모드로 이동해서 해당 코드가 있는 부분을 스크롤해서 찾고, 영역 선택해서 삭제하는 동작을 했습니다. 근데 저처럼 항상 정해진 위치에 넣던 분들은 찾기가 쉬운데, 상/하단/본문 중간에 넣는 분들은 매 글마다 스크롤 해서 찾아야 하다보니 생각보다 시간이 오래 걸립니다.

이런 분들은 오늘 소개해드리는 'Find and Replace for FireFox 1.0beta' 가 정말 유용함을 느끼실 수 있습니다. ㅎㅎ 위 이미지처럼 수정하고자 하는 애드센스 코드를 선택해서 복사(CTRL+C) 합니다.



6. 우측 마우스를 나오면 나오는 컨텍스트 메뉴에서 'Find and Replace' 를 선택해줍니다.



7. 그럼 'Find and Replace' 팝업창이 열리는데, Find What 입력 폼에 수정/삭제 할 애드센스 코드를 붙여넣어줍니다. Replace With 부분에 대체할 텍스트를 써주면되는데, 삭제만 하려면 공란으로 비워두면 됩니다. 이제 Replace 버튼을 누르면 애드센스 코드가 감쪽같이 사라집니다. 위 이미지에서 보시면 바로 확인 되시죠? ^^

Replace All 은 해당 페이지에 있는 모든 텍스트를 한 번에 바꿔주는 것인데, 애드센스 코드를 삭제하는 방법 외 다른 방법으로도 사용을 할 수 있을 것 같네요. (티스토리 에디터 버그 중, font-size:9pt 가 들어가는 <span> 태그가 있는데, 그 태그를 한 번에 삭제하기 위해서 활용하기도 합니다.)



8. 'Find and Replace for FireFox 1.0beta' 를 활용해 애드센스 코드를 수정/삭제 하기 편하다고 소개해드리는 이유는 Find and Replace 팝업창이 사용자가 닫기 전에는 다른 페이지로 이동해도 닫히지 않는다는 것인데요. 특정 글을 수정하고 저장 한 후, 다음 글을 열고 또 Replace 만 누르면 해당 글에서 코드를 바로 삭제할 수 있습니다. 굉장히 편리하죠! 



9. 이 확장 프로그램이 좋은 두 번째 이유는 위 이미지처럼 팝업창을 원하는 만큼 띄워둘 수 있다는 것입니다. 애드센스 코드를 다양한 크기로 넣어둔 분들은 해당 코드를 각각 입력해두고 글 열기 > Replace > 저장하기 세 단계만으로도 애드센스 코드를 수정/삭제 할 수 있게 됩니다. 굉장히 편리하겠죠? 

말로 설명해서 이해하기 힘드실 수 있는데, 직접 사용해보시면 그 유용함을 바로 느끼실 수 있습니다. 클릭 한 번으로 모든 글의 애드센스 코드를 수정하거나 삭제할 수 있으면 좋을텐데, 사용할 수 있는 방법들은 불안정하거나 애드센스 정책에 위반하는터라 시간이 걸리더라도 오늘 소개해드린 방법으로 수정하시길 추천해드립니다.

글 수가 많을 수록 강한 인내심을 요하므로 마음 굳게 먹고 시작하세요 ㅎㅎ

애드센스 코드 손쉽게 수정, 삭제할 수 있는 방법이 수 많은 티스토리 블로거분들께 도움이 되었으면 합니다.

이상, 하늘다래였습니다.