티스토리 관련글에 애드센스 광고 넣는 방법

티스토리 관련글 애드센스 광고 삽입

티스토리에는 네이버블로그와 다르게 구글에서 제공하는 애드센스 광고를 넣을 수 있는 HTML 편집 기능이 있습니다. 스킨 편집을 통해서 거의 모든 요소의 html 코드를 편집할 수 있는데요, 관련글이라는 항목에 애드센스 광고를 넣는 방법에 대해서 알아보겠습니다. 저는 티스토리 북클럽 스킨 기준으로 설명드립니다. 만약 코드가 조금 다르다? 하시는 분들은 댓글에 비공개로 관련글 주변으로 코드 복사하셔서 붙여넣어서 알려주세요 코드 확인해 드리겠습니다.

 

포스팅을 보시면 아래쪽에 관련글이라는 항목이 있는 것을 볼 수 있습니다. 여기에는 같은 카테고리의 글들이 나오게 됩니다. 애드센스에서는 "일치하는 콘텐츠"라는 광고 단위가 있는데 이것이 관련글의 모양과 비슷하여 관련된 포스팅과 광고를 모두 게시할 수 있다는 장점이 있습니다.

 

먼저 일치하는 콘텐츠 광고 단위가 활성화 되어 있는지 확인을 해주셔야 합니다.

애드센스 > 광고 개요 들어가 줍니다.

 

광고 단위 기준에서 일치하는 콘텐츠가 활성화 되어 있는지 확인을 해주세요, 애드센스 활동을 많이 하셨던 분들이라면 아마 활성화가 되어 있으실 겁니다. 그렇다면 일치하는 콘텐츠 단위를 클릭해서 단위를 하나 만들어 둡니다.

 

이제 티스토리에서 실제로 HTML 편집을 해주셔야 합니다. 그렇게 어렵지 않으니 잘 따라와 주세요

"티스토리 관리자 > 스킨 편집"으로 들어가 주세요

 

윈도우라면 Ctrl + f, 맥이라면 Commnad + f 단축키를 이용해서 찾기에서 "관련글"을 입력해서 해당 코드를 찾아 줍니다.

 

 

그리고 중요한점! 꼭 HTML 편집을 사용하실 때는 변경하시기 전에 코드를 전부 선택해서 복사해서 메모장 같은 곳에 백업해 두시고 진행해 주세요

 

여기서 보시면 <ul> 이런 태그들이 <ul> </ul> 이런식으로 열리고 닫히는 식으로 한 세트를 이루는 것을 볼 수 있습니다. 대부분의 코드는 이런 세트를 이루지 않으면 오류가 나는 경우가 대다수 입니다. 여기서 기존의 관련글 항목을 없애야합니다.

<ul> ~ </ul> 부분은 싹 지워 줍니다. 그리고 이 공간에 아까 만들어 둔 일치하는 콘텐츠 광고 단위 코드를 붙여 넣어 주세요

 

저장 후에 실제 페이지에서 확인해 보시면 수십초 안에 적용이 되어 있는 것을 볼 수 있습니다.