티스토리 뷰
구글애드센스 최종승인(2차 승인)이 완료되셨나요? 축하드립니다.^^
일전에 구글애드센스 가입승인(1차 승인)을 위하여 티스토리 플러그인을 사용하여 광고를 등록하셨을 겁니다. 최종승인(2차 승인)을 완료하였다면 상단, 하단의 광고를 HTML을 활용하여 일괄 삽입하는 방법에 대해 안내하도록 하겠습니다.
사실 티스토리 플러그인을 사용하면 간단하고 편하지만 HTML을 활용할 줄 알아야 앞으로 광고를 원하는 위치에 배치할 수 있습니다. 추가적으로 HTML을 활용하여 본문에 광고를 직접 넣는 방법을 포스팅할 예정이기는 하나 처음하는 분에게는 어려울 수 있으니 쉽게 할 수 있는 부분을 먼저하고 하나씩 알아가도록 하겠습니다.
그렇다면 광고를 삽입하는 방법은 어떤 방법이 있을까?
1. 티스토리 플러그인을 사용하여 광고를 등록
가장 기본적인 방법으로 구글애드센스 가입승인(1차승인)완료 후 최종승인(2차승인)을 받기 전에 사용하면 좋을 것 같습니다. 처음에는 광고를 삽입하더라도 잘했는지 정책위반이 되거나 문제가 되지 않는지 고민을 하게되는데 가장 기본으로 적용할 수 있는 플러그인을 활용하면 고민할 필요 없이 모든게 다 해결됩니다. 최종승인이 완료되고나서 추가적인 방법에 대해서 알아보도록 하겠습니다.
2. 지금처럼 관리에서 HTML을 활용 광고 등록
관리에서 HTML을 활용하여 광고를 등록하는 방법은 티스토리 플러그인을 활용하는 것과 결과적으로는 동일합니다. 그렇지만 앞으로 구글애드센스와 블로그를 지속적으로 운영하고 고수익을 내기 위해서는 HTML을 활용하여 광고 등록하는 방법에 대해서 꼭 알고 있어야 합니다. 또한 기존에 운영 중인 블로그가 있을 경우 광고를 한번에 적용할 수 있기 때문에 글마다 광고 삽입하는 작업을 한번에 끝낼 수 있습니다.
3. 본문에 HTML을 활용하여 광고등록
아마 가장 많이 사용되는 광고 등록 방법일 것 같습니다. 글의 본문에 HTML을 활용하여 광고를 삽입하는 방법으로 최상단, 최하단, 중간광고 등 원하는 위치에 광고삽입이 가능합니다. 방법은 다음번에 포스팅 하도록 하겠습니다.
그럼 본격적으로 2번 관리에서 HTML을 활용 광고 등록방법에 대해 알아보도록 하겠습니다.
티스토리 광고 HTML활용 일괄 삽입하기(최상단, 최하단)
지금부터 설명하는 사항은 티스토리에서 제공하는 반응형스킨 #1과 반응형광고를 기준으로 설명하고 있습니다.
1. 티스토리 블로그에서 "관리"로 이동합니다.(아래 사진은 반응형 스킨 #1 기준으며 스킨마다 관리로 들어가는 방법은 차이가 있을 수 있습니다.)
2. 관리 -> 꾸미기 -> "HTML/CSS 편집"을 클릭합니다.
3. 우측 상단에 HTML을 선택하고 검색(Ctrl+F)으로 article_rep_desc 찾으시면 됩니다.
4. 찾기를 하시면 아래와 같이 확인이 가능합니다. article_rep_desc 기준으로 광고소스를 앞에 등록하면 최상단에 광고가 삽입되며 뒤에 등록하면 최하단 광고가 삽입됩니다.
5. 아래와 같이 엔터로 칸을 띄워주고 상단광고는 앞에 하단 광고는 뒤에 광고소스를 붙여넣도록 하겠습니다.
6. 구글애드센스로 이동합니다. 상단의 내 광고 -> "+새 광고 단위" 클릭
7. 이름은 "반응형 글상단" (관리하기 편한 이름을 입력하시면 됩니다.)을 입력하고 자동크기 반응형 선택, "저장 및 코드 생성" 클릭
8. 이름은 "반응형 글하단" (관리하기 편한 이름을 입력하시면 됩니다.)을 입력하고 자동크기 반응형 선택, "저장 및 코드 생성" 클릭
9. 생성이 완료되고나면 아래와 같이 나타납니다. "코드 가져오기" 를 클릭합니다.
10. 먼저 반응형 글상단 코드를 전체 복사(Ctrl+C) 하고 설명 5번의 article_rep_desc 앞 공백에 붙여넣기(Ctrl+V)합니다.
11. 두번째로 반응형 글하단 코드를 전체 복사(Ctrl+C) 하고 설명 5번의 article_rep_desc 뒤 공백에 붙여넣기(Ctrl+V)합니다.
12. 반응형 상단과 반흥형 하단 광고를 article_rep_desc 앞과 뒤에 붙여넣기한 최종 화면입니다.
(코드에 보시면 숫자 등으로 나와 있는 부분은 보완상 예시에서 삭제하였습니다. 참고하시기 바랍니다.)
13. 우측 상단에 "저장"을 클릭합니다.
14. 컴퓨터 화면으로 봤을 경우 아래와 같이 최상단, 최하단에 광고가 확인됩니다. 지금까지 적용한 것처럼 한번만 적용하면 기존에 있던 블로그의 전체글에 적용이 되고 앞으로 새로운 글을 작성하더라도 모든글에 자동 적용됩니다.
15. 스마트폰으로 봤을 경우 화면입니다. 반응형 스킨으로 최상단과 최하단에 광고가 자동적용되었습니다.
지금까지 티스토리에서 플러그인을 활용한 광고등록 방법과 관리에서 HTML을 활용한 광고일괄 삽입 방법에 대해 알아봤습니다. 다음번에는 본문에 중간광고 삽입방법에 대해서 포스팅 하도록 하겠습니다.
도움이 되셨다면 하단의 "♥공감"을 클릭해 주시는 센스 부탁드립니다.(^^)(- -)(_ _)(^^) 궁금하신 사항은 방명록에 남겨주시면 답변드리거나 포스팅을 통해 안내하도록 하겠습니다. 감사합니다.