티스토리 뷰


 안녕하세요. 포니부하곰입니다.

 저번에는 메인 우측, 좌측에 광고를 붙이는 방법에 대해서 알아봤습니다. 메인 우측 광고에 관해서 작성한 글이 뭔가 정리가 안된 느낌이라서 후에 하나의 글로 정리해서 작성할 예정입니다.

 오늘은 본문 우측 상단에 광고를 붙이는 방법에 대해서 알아보도록 하겠습니다. 먼저 본문 우측 상단은 어디를 말하는 것이고 메인 우측, 좌측은 어디는 말하는 거지...? 라는 분들은 하단에 있는 사진을 봐주시면 됩니다.


 시작하기 전에, 저는 반응형 스킨 #1을 사용하고 있습니다. 다른 스킨을 사용하시는 분들은 좀 더 쉬운 방법을 통해서 메인 우측에 광고를 붙일 수 있습니다. 저는 그 방법이 안 돼서 직접 HTML에 코드를 입력해서 광고를 붙였습니다. 

 그럼 본론으로 돌아가서 본문 우측 상단에 광고를 붙여보도록 하겠습니다.


 애드센스에 접속하신 다음에 자동형 광고 코드를 가져옵니다. 자동형 광고 코드 중에서도 "ca-pub-뒤에 있는 숫자와 이어서 data-ad-slot="에 있는 숫자만 아시면 됩니다. 


본문 우측 상단 광고 소스.txt

우측 상단 광고.hwp

 제 티스토리는 복사가 금지되어있므로, 코드가 입력되어 있는 메모장을 올렸습니다. 본인 코드에 있는 숫자들을 위 메모장에 있는 코드에 맞게 입력합니다.


 티스토리 - 관리 - (꾸미기) - HTML/CSS 편집으로 가주세요. 아무 곳이나 클릭한 다음 Ctrl+F 찾기 기능으로 ##_article_rep_desc_##을 검색합니다. ##_article_rep_desc_##를 찾으셨다면, 그 위에다가 아까 메모장에 본인 코드를 넣어서 완성한 코드를 붙여넣습니다.

 참고로 ##_article_rep_desc_## 상단에 코드를 입력하는 것은 '본문 상단에 광고를 붙인다'이고, ##_article_rep_desc_## 하단에 코드를 입력하는 것은 '봄문 하단에 광고를 붙인다'라고 생각하시면 됩니다.


 코드를 입력한 후에 새로고침 혹은 오른쪽 위에 확인 버튼을 누른 후에, PC와 모바일에 적용이 잘 되었는 지 확인하시면 됩니다.


댓글