각종 정보 창고/IT, 테크

티스토리 본문 상단광고 2개 배치하기 (22년 최신버전, 하단광고도 가능)

뉴찬 2022. 3. 15.

안녕하세요 임찬입니다.

 

티스토리 본문내에 상단광고를 2개 가로로 배치하는 방법을 포스팅하겠습니다.  

 

검색을 조금 해보시면 아시겠지만 대부분의 블로거분들은 보통 상단광고에서 가장 많은 수익이 나오고 있다고 합니다.

 

광고가 무조건 많다고 좋은것은 아닙니다만 가독성을 해치지 않는선에서 기존 상단광고가 1개에서 가로로 1개 더 총 2개가 송출된다면 확률상 글을 보는 사용자가 관심이 가는 광고가 송출될 가능성도 늘 것이고, 그로 인한 수익증가를 기대해볼 수 있겠습니다.

 

참고로 구글의 애드센스 정책상 PC에서는 상단광고 2개 송출이 허용되지만, 모바일에서는 1개로 제한하고 있습니다. 본 내용대로 설정하시면 PC에선 상단2개, 모바일은 기존과 같이 상단광고가 1개 송출되니 참고하세요.

 


1. 먼저 구글 애드센스 메인페이지로 접속해주세요. 

 

  구글 애드센스 페이지 - 새창열기

 

 

 

 

2. 광고 - 개요 메뉴 진입해주세요.

 

 

 

3. 노란색으로 표기한 광고단위기준 으로 들어가셔서 '디스플레이 광고' 를 선택해주세요

 

 

4. 캡처화면처럼 제목에 본인이 알아보기 좋게 이름을 기재하고 '사각형'에 광고크기는 '반응형'을 선택해주세요. 이름을 정할때는 광고 2개를 생성할 예정이므로  '상단광고1' 이나 '상단광고a' 등으로 기재해주시고 '만들기' 버튼 클릭

 

 

 

 

5. '만들기' 버튼을 누르면 위와 같은 화면이 보입니다. 제가 적색으로 '상단광고1-1', '상단광고1-2' 라고 기재한 부분의 숫자부분을 메모장 등에 저장해두세요. " 빼고 숫자부분만 복사해서 메모해두시면 됩니다. 메모장에 적으실때도 총 4개 (광고 2개이므로)의 값을 기재할 수 있도록 순서를 구분할 수 있게 적어주세요. ( 아래캡쳐 참고 )

 

 

 

6. 이제 두번째 광고를 동일하게 생성해야 합니다. 3~5 과정을 동일하게 수행해서 디스플레이 광고를 똑같이 하나 더 만듭시다.

 

7. 똑같이 이런 화면이 나오는데요, 자세히 보시면 ca-pub 이 붙는 첫번째 줄 숫자는 처음 생성한 광고와 동일하실겁니다. 이후에 작업하실때 이상이 있는것인지 혼동하지 않으셔도 됩니다. 두번째줄만 숫자가 달라집니다. 여하튼 우리는 그렇다는 내용만 알고 있으면 되고,  동일하게 복사해서 메모장을 준비해주세요.

 

8. 이런식으로 준비해주시면 됩니다.

 

9. 이제 아래 첨부파일을 다운받아 열어주세요. (단순 테스트파일이니 걱정 안하셔도 됩니다)

 

상단광고2개 양식_임찬.txt
0.00MB

 

10. 열어보시면 위와 같이 보이실텐데요 '상단 광고 1' 과 '상단 광고 2' 부분에 제가 네모칸으로 표기한 부분을 아까 메모장에 준비해둔 숫자 값을 아래와 같이 보시고 넣어주면 됩니다. 

 

11. " 는 무시하시고 가운데 네모칸만 딱 지우고 아까 메모해둔 값을 한줄 한줄 넣어주세요.

 

 

 

12. 이런식으로 완성해주시면 됩니다. 이제 완성하셨으면 이 텍스트를 모두 복사해주세요. (ctrl+a + ctrl+c)

 

13. 티스토리 블로그 관리창으로 이동해주세요.

 

12. 꾸미기 - 스킨편집 으로 이동해줍니다.

 

13. 'HTML 편집' 버튼 눌러주세요.

 

14. CTRL +F  키를 눌러 검색창을 띄워주시고,

안녕하세요 임찬입니다.

 

티스토리 본문내에 상단광고를 2개 가로로 배치하는 방법을 포스팅하겠습니다.  

 

검색을 조금 해보시면 아시겠지만 대부분의 블로거분들은 보통 상단광고에서 가장 많은 수익이 나오고 있다고 합니다.

 

광고가 무조건 많다고 좋은것은 아닙니다만 가독성을 해치지 않는선에서 기존 상단광고가 1개에서 가로로 1개 더 총 2개가 송출된다면 확률상 글을 보는 사용자가 관심이 가는 광고가 송출될 가능성도 늘 것이고, 그로 인한 수익증가를 기대해볼 수 있겠습니다.

 

참고로 구글의 애드센스 정책상 PC에서는 상단광고 2개 송출이 허용되지만, 모바일에서는 1개로 제한하고 있습니다. 본 내용대로 설정하시면 PC에선 상단2개, 모바일은 기존과 같이 상단광고가 1개 송출되니 참고하세요.

 


1. 먼저 구글 애드센스 메인페이지로 접속해주세요. 

 

  구글 애드센스 페이지 - 새창열기

 

 

 

 

2. 광고 - 개요 메뉴 진입해주세요.

 

 

 

3. 노란색으로 표기한 광고단위기준 으로 들어가셔서 '디스플레이 광고' 를 선택해주세요

 

 

4. 캡처화면처럼 제목에 본인이 알아보기 좋게 이름을 기재하고 '사각형'에 광고크기는 '반응형'을 선택해주세요. 이름을 정할때는 광고 2개를 생성할 예정이므로  '상단광고1' 이나 '상단광고a' 등으로 기재해주시고 '만들기' 버튼 클릭

 

 

 

 

5. '만들기' 버튼을 누르면 위와 같은 화면이 보입니다. 제가 적색으로 '상단광고1-1', '상단광고1-2' 라고 기재한 부분의 숫자부분을 메모장 등에 저장해두세요. " 빼고 숫자부분만 복사해서 메모해두시면 됩니다. 메모장에 적으실때도 총 4개 (광고 2개이므로)의 값을 기재할 수 있도록 순서를 구분할 수 있게 적어주세요. ( 아래캡쳐 참고 )

 

 

 

6. 이제 두번째 광고를 동일하게 생성해야 합니다. 3~5 과정을 동일하게 수행해서 디스플레이 광고를 똑같이 하나 더 만듭시다.

 

7. 똑같이 이런 화면이 나오는데요, 자세히 보시면 ca-pub 이 붙는 첫번째 줄 숫자는 처음 생성한 광고와 동일하실겁니다. 이후에 작업하실때 이상이 있는것인지 혼동하지 않으셔도 됩니다. 두번째줄만 숫자가 달라집니다. 여하튼 우리는 그렇다는 내용만 알고 있으면 되고,  동일하게 복사해서 메모장을 준비해주세요.

 

8. 이런식으로 준비해주시면 됩니다.

 

9. 이제 아래 첨부파일을 다운받아 열어주세요. (단순 테스트파일이니 걱정 안하셔도 됩니다)

 

상단광고2개 양식_임찬.txt
0.00MB

 

10. 열어보시면 위와 같이 보이실텐데요 '상단 광고 1' 과 '상단 광고 2' 부분에 제가 네모칸으로 표기한 부분을 아까 메모장에 준비해둔 숫자 값을 아래와 같이 보시고 넣어주면 됩니다. 

 

11. " 는 무시하시고 가운데 네모칸만 딱 지우고 아까 메모해둔 값을 한줄 한줄 넣어주세요.

 

 

 

12. 이런식으로 완성해주시면 됩니다. 이제 완성하셨으면 이 텍스트를 모두 복사해주세요. (ctrl+a + ctrl+c)

 

13. 티스토리 블로그 관리창으로 이동해주세요.

 

12. 꾸미기 - 스킨편집 으로 이동해줍니다.

 

13. 'HTML 편집' 버튼 눌러주세요.

 

14. CTRL +F  키를 눌러 검색창을 띄워주시고, 을 검색해주세요

 

15. 검색하면 위와 같은 화면이 보이시는데요, 저는 321번줄에 'article_rep_desc'이 있네요. 여기서 가장 중요한 점 핵심포인트가 있습니다. 우리가 찾아야하는 부분은 article_rep_desc 위와 아래에 <div class="entry-content"><s_tag_label> 이 들어있는 부분입니다.  위에 캡처에는 아래에 s_tag_label 부분이 없죠? 그럼 검색결과에 이어 엔터를 한번 더 쳐서 이어서 찾아봅니다.

 

 

16. 똑같은 'article_rep_desc' 이 검색되네요. 어떤가요? 여기는 제가 적색 표기해드린대로 위와 아래에 제가 말씀드린 값이 모두 있습니다. 이 구문을 찾아야하며 제 기준엔 429번 줄이네요. 이 article_rep_desc 를 기준으로 위는 상단광고, 아래는 하단광고 부분입니다.

 

17. 이렇게 원하시는 부분에 아까 복사한 메모장 내용을 붙혀넣기 해주시면 됩니다. (CTRL+V)

 

18. 만일 나는 하단에도 광고2개를 붙히고 싶다고 하시면 하단광고부분에도 붙혀넣기 동일하게 해주시면 됩니다.그 상태로 적용을 눌러주세요.

 

 

 

19. 다시 티스토리 블로그 관리로 가셔서 수익 - 애드센스 관리로 들어가주세요.

 

20. 본문 상단에 음영처리한 부분, 수정 버튼을 눌러주세요. 

 

21. 광고사이즈변경 창에서 PC 부분을 '사용안함' 으로 변경해주세요. 이렇게 하지 않으면 아무리 설정해도 1개만 나오실 수 있습니다.

 

여기까지 하시면 모든 설정이 완료되었습니다. 광고 잘 나오는 지 확인해보시고 다들 즐거운 블로그 운영 되시기 바랍니다. 읽어주셔서 감사합니다 ^^

을 검색해주세요

 

15. 검색하면 위와 같은 화면이 보이시는데요, 저는 321번줄에 'article_rep_desc'이 있네요. 여기서 가장 중요한 점 핵심포인트가 있습니다. 우리가 찾아야하는 부분은 article_rep_desc 위와 아래에 <div class="entry-content"><s_tag_label> 이 들어있는 부분입니다.  위에 캡처에는 아래에 s_tag_label 부분이 없죠? 그럼 검색결과에 이어 엔터를 한번 더 쳐서 이어서 찾아봅니다.

 

 

16. 똑같은 'article_rep_desc' 이 검색되네요. 어떤가요? 여기는 제가 적색 표기해드린대로 위와 아래에 제가 말씀드린 값이 모두 있습니다. 이 구문을 찾아야하며 제 기준엔 429번 줄이네요. 이 article_rep_desc 를 기준으로 위는 상단광고, 아래는 하단광고 부분입니다.

 

17. 이렇게 원하시는 부분에 아까 복사한 메모장 내용을 붙혀넣기 해주시면 됩니다. (CTRL+V)

 

18. 만일 나는 하단에도 광고2개를 붙히고 싶다고 하시면 하단광고부분에도 붙혀넣기 동일하게 해주시면 됩니다.그 상태로 적용을 눌러주세요.

 

 

 

19. 다시 티스토리 블로그 관리로 가셔서 수익 - 애드센스 관리로 들어가주세요.

 

20. 본문 상단에 음영처리한 부분, 수정 버튼을 눌러주세요. 

 

21. 광고사이즈변경 창에서 PC 부분을 '사용안함' 으로 변경해주세요. 이렇게 하지 않으면 아무리 설정해도 1개만 나오실 수 있습니다.

 

여기까지 하시면 모든 설정이 완료되었습니다. 광고 잘 나오는 지 확인해보시고 다들 즐거운 블로그 운영 되시기 바랍니다. 읽어주셔서 감사합니다 ^^

댓글