친절한효자손 취미생활

이 글을 작성 안 한 것 같더군요. 그래서 최신 버전으로 다시 업데이트 합니다. 티스토리 사용자 분들이라면 애드센스는 거의 필수 코스로 설치를 하실 것 입니다. 이 때 기본 스크립트 코드로 넣으셔도 문제는 없겠지만 좀 더 실적을 올리기 위해서 커다란 직사각형 형태의 디스플레이 광고 두개를 넣는 분들도 계실 것 입니다. 어떻게 삽입하는지 알아보겠습니다.


이 코드는 친효스킨에 최적화된 애드센스 광고 코드 입니다. 특정 해상도에서 크기를 임의로 변경했습니다. 일반 다른 반응형 스킨에서 사용하셔도 특별히 문제가 되지는 않습니다. 최대한 특정 해상도에서 최적의 크기로 나타나게 하기 위해서 친효스킨에 맞춘 코드입니다. 참고하시기 바랍니다.


먼저 아래의 첨부파일을 다운로드 받아 주시기 바랍니다.


애드센스 상단 PC 2개 모바일 1개.txt


여기 첨부파일을 받으시고 열어보시면 ■ 부분과 ● 부분이 있습니다. 검정 네모는 자신의 애드센스 클라이언트 값을, 검정 동그라미에는 slot 번호를 넣으시면 됩니다. 애드센스 클라이언트는 고정된 값 입니다. 새로운 광고를 만드셔도 slot 값은 변하지만 Client 값은 변하지 않습니다.


클라이언트 값과 슬롯 번호 확인 방법

먼저 애드센스에 로그인 하시고, 반응형 광고 코드를 생성합니다. 그리고 코드를 메모장에 붙여넣기 하시고 살펴보시기 바랍니다.




저기 빨간색으로 가린 부분이 client 값이고, 파란색으로 가린 부분이 slot 번호 입니다. 순정 애드센스 코드에서 이 두가지만을 사용하게 되며, 첨부파일의 ■에는 빨간색 클라이언트 값을, ●에는 파란색 슬롯 번호를 넣으시면 됩니다. 상단 광고를 두개 넣어야 하므로 각각 두번씩 입력하시면 됩니다. 이때 클라이언트값은 동일하며, 슬롯 번호만 서로다른 두개의 형태가 될 것입니다.


수정된 애드센스 코드 삽입하기

이제 수정한 첨부파일의 애드센스 코드를 전체 복사를 합니다. 그리고 티스토리 관리자의 플러그인으로 들어갑니다.




플러그인에서 구글 애드센스 (반응형) 형태를 선택하세요.




광고 형태는 세번째 형태로 선택하시고 빨간색으로 표시된 영역에 복사해둔 애드센스 코드를 붙여넣기 하시면 됩니다. 참고로 현재 친절한효자손 취미생활 블로그에도 이와 같은 코드가 사용되었으며, 하단 광고에는 일치하는 콘텐츠 하나만 넣는것을 추천합니다.


방금 생성한 애드센스 코드는 30분에서 최대 1시간 후에 광고가 노출이 될 것입니다. 일정 시간 이후에 확인해 보시면 정상적으로 광고가 노출되는 것을 확인하실 수 있습니다. 끝.





이 블로그를 후원해주실 분들을 모집합니다!

이 글을 공유합시다

facebook twitter googleplus kakaostory naver

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

  1. Favicon of https://swsw.tistory.com 잘생긴팝콘 2019.06.06 23:25 신고

    지금 본문광고 변경된스킨(JB131)에도 적용이 되는건가요?

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.06.10 16:52 신고

      네. 적용은 됩니다만, 이미 JB스킨은 이런 기본적인 기능을 제공하고 있으므로, 스킨에서 제공하는 기능을 사용하시면 됩니다.

  2. Favicon of https://nomadicjulie.com 노마딕 줄리 2019.06.12 15:33 신고

    감사합니다. 많은 도움 받고 갑니다!

  3. 와 오늘 애드센스 승인이 되긴 했는데 막상 광고를 어떻게 넣을까 고민을 많이 했습니다. 좋은 블로그를 만난 덕분에 수월하게 하고 있네요. 좋은 정보 감사합니다!! 구독했어요 맞구독 부탁드릴게요! 소통하고 지내요~ㅎㅎ

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.07.11 21:02 신고

      안녕하세요! 방문 감사합니다. 이슈쪽 일상글처럼 써내려가신건 직접 작성하시는 건가요? 되게 재밌게 읽었습니다^^ 구독하고 갑니다.

  4. Favicon of https://cleanskysea.tistory.com 화창한하늘과바다 2019.07.27 10:31 신고

    반응형 애드센스만 가능한가요? 사각형 336-300인가 고정된 사각형은 안되죠?

  5. 2019.07.27 17:26

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.07.28 02:33 신고

      안녕하세요, 혹시 모바일 스킨 활성화 하셨나요? 반응형 스킨 쓰신다면 모바일 스킨을 꺼주시기 바랍니다.

  6. Favicon of https://mlnwns.tistory.com VARYS 2019.08.05 15:05 신고

    다른글 보고 하니까 오류 났었는데 이거 보고 하니까 바로 되네요 감사합니다!!

    • Favicon of https://mlnwns.tistory.com VARYS 2019.08.05 17:14 신고

      근데, 혹시 게시글 중간에 첨부파일 올리신거 보면 되게 깔끔하게 다운로드 모양이 나와있는데, 이건 어떻게 하신건지 블로그에 게시글 올리신 적 있나요?

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.08.06 00:08 신고

      안녕하세요, https://rgy0409.tistory.com/3020 이 글을 참고하시면 됩니다.

    • Favicon of https://mlnwns.tistory.com VARYS 2019.08.06 00:22 신고

      친절한 답변 감사드립니다! 글 보고 따라하니까 모바일에서 제 블로그 게시글이 상단은 광고가 작은 정사각형크기인데 하단은 광고가 꽉차더라고요 혹시 하단도 작게 만들수있나요?

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.08.06 19:05 신고

      하단도 같은 방법으로 하면 됩니다. 상단 2개의 코드 중 하나만 써서 하시면 되겠지요.

  7. Favicon of https://chrak4377.tistory.com 락스팟 2019.08.15 08:25 신고

    안녕하세요. 인피드게시글도 잘보고 배웠습니다. 다름이 아니라 상단2개넣는거 저는 html에 직접 넣는걸로 다른 블로그에서 보고 했었는데 이렇게 플러그인 삽입도 되는군요~

  8. Favicon of https://chrak4377.tistory.com 락스팟 2019.08.15 08:26 신고

    안녕하세요. 게시글 밑어ㅣ게시글 리스트랑 인피드광고가 끼여있던데 이거는 어떻게 설정하는건가용?

  9. Favicon of https://newsfirst.tistory.com 연예인 2019.08.23 21:17 신고

    4개 나오는데 어떻게 수정해야 되나여

  10. 2019.08.31 13:26

    비밀댓글입니다

  11. Favicon of https://mlnwns.tistory.com VARYS 2019.09.07 01:39 신고

    해당 글을 보고 잘 적용하고있는 블로거입니다! 출처 링크를 적고 해당 코드를 블로그에 첨부하여도 될지 문의드립니다