티스토리광고 카카오애드핏 자동노출 삭제 자바스크립트 공유
티스토리 블로그에서 발생하는 광고 문제를 해결하기 위한 자바스크립트에 대해 공유하려고 합니다. 티스토리 블로그를 운영하시는 분들 중에는 카카오 애드핏을 이용하여 광고를 노출시키는 경우가 있을 것입니다. 하지만 때로는 광고가 블로그의 디자인과 어울리지 않아 노출을 원치 않는 경우가 발생할 수 있습니다. 이런 경우, 자바스크립트를 활용하여 광고를 자동으로 삭제하는 방법을 알려드리겠습니다.
티스토리광고 카카오애드핏 자동으로 들어가는 문제발생
티스토리광고인 카카오애드핏 광고를 따로 넣지 않았는데, 글의 상단 혹은 하단에 자동으로 들어가고 있더라구요. 이는 의도한바가 없음에도 카카오에서 광고를 강제로 넣고 있는 상황입니다. 관련해서 작성했던 글은 아래의 링크를 참고하시면 됩니다.
티스토리가 정책을 바꾸면서 광고를 마음대로 넣고 있는 상황에서 이번엔 애드핏을 강제로 넣어뒀습니다. 블로그에 뜨는 모든 광고가 티스토리광고로 바뀌게 되는 상황이 되었습니다. 그것도 내 것인지 카카오것인지 잘 모르게 말이죠.
강제광고가 뜨는 자바스크립트 확인하기
저는 티스토리관리자페이지에 있는 수익항목은 모두 연동해제 해두었습니다. 그리고 도메인을 따로 만들어서 블로그를 운영하고 있습니다. 그리고 워드프레스도 운영하기 시작했지요. 그렇기 때문에 티스토리광고와 관련된 항목은 이블로그에서는 뜨지 않는 상황입니다. 하지만 소스를 확인해보니 카카오애드핏이 강제로 들어가 있습니다. (소스를 확인하는 방법은 크롬스토어에서 F12를 눌러서 확인이 가능합니다.) 뭔가 마음에 안듭니다. 그래서 자바스크립트를 이용해서 삭제를 해보려 합니다.
문제 해결을 위한 자바스크립트 코드
티스토리광고 카카오애드핏은 페이지가 로딩 된 후에 강제삽입되고 있습니다. 그래서 저도 페이지로딩이 완료 된 후에 삭제하는 스크립트를 넣어주려합니다.
위의 자바스크립트 코드를 사용하면 티스토리 블로그의 페이지 로딩이 완료된 후에 자동으로 "kakao_ad_area" 클래스명을 가진 요소를 삭제하도록 동작합니다. 이를 통해 카카오 애드핏 광고를 간편하게 제거할 수 있습니다. 관련 소스는 다음 파일을 다운받아서 적용하시면 됩니다.
소스코드는 메모장으로 열어서 복사한 다음 블로그관리 > 꾸미기 > 스킨편집 > html 편집 버튼을 클릭해서 가장 아래에 </body> 바로 앞에 넣어두시면 됩니다.
그러면 광고가 사라져서 깔끔함을 유지할 수 있답니다.
마치며,
이제 티스토리 블로그에서 발생하는 광고 문제를 해결하기 위한 자바스크립트 코드를 알아보았습니다. 위의 코드를 포스트에 삽입하시면 광고를 자동으로 삭제할 수 있으며, 블로그의 디자인을 깔끔하게 유지할 수 있습니다. 여러분의 블로그가 더 좋은 사용자 경험을 제공하도록 이 코드를 활용해보시기 바랍니다. 어떠신가요? 광고 삭제 자바스크립트를 활용하여 더욱 깔끔하고 사용자 친화적인 블로그를 운영하실 수 있게 되었기를 바랍니다.