엠원리액트 (M1react) 애드센스 광고 넣는 방법 (권장) :: 엠원스킨

우선 엠원스킨, 엠원리액트 스킨을 사용해주셔서 감사합니다 ㅎㅎ 광고 넣는 방법을 알려드리겠습니다. 권장 위치인데요, 본문상단우측, 사이드바 중간, 본문 하단 그리고 바깥쪽(아웃사이드) 우측.. 이렇게 알려드리겠습니다. 다른데 넣으셔도 됩니다만, 권장 위치에 넣으시면 더 깔끔할겁니다. 검증이 된 위치이기 때문입니다.

 

 

1. 우선 블로그관리홈에서 좌측메뉴의 HTML/CSS 편집을 클릭하세요.

 

 

 

2. 먼저 본문상단우측에 300x250 광고 or 336x280 광고 or 본문상단에 반응형 광고(728x90) or 본문상단에 336x280x2 (좌우로 2개)를 넣어보겠습니다. 아래 사진의 빨간줄 부분에, 아래 첨부파일소스를 넣어주시면 됩니다. 336x280x2 같은 경우, 모바일에서는 좌측에 있는 광고만 보여지게 구현되어 있습니다. 애드센스 정책을 지키기 위함입니다.

 

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

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

본문 상단 광고 반응형 소스.txt

본문 상단 광고 336x280x2 소스.txt

 

 

3. 이번엔 300x250 사이드바 탑고정 광고를 넣어보겠습니다. 만약 2번과정을 하셨다면 이부분은 경우에 따라 생략하셔도 됩니다. 광고가 좌우로 붙어있게 되서 보기가 좀 안좋을수가 있습니다. 반대로 이부분에 넣고, 2번과정을 생략해도 됩니다. 자신의 취향대로 하세요 ㅎㅎ HTML 편집 모드에서 소스를 살펴보시면 아래와 같은 부분이 나옵니다. 검색은 <s_sidebar>로 하시면 되겠네요. 그러면 <s_sidebar> 바로 뒤에 자신의 광고 소스를 넣으시면 됩니다. 그냥 넣으시면 안되고요. 아래 첨부된 소스를 활용해서 넣으셔야 합니다. 아래 소스를 보시면 '광고소스' 라고 되어 있는 부분을 지우시고 그 자리에 자신의 광고 소스를 넣으신 후, 전체소스를 복사해서 위에 설명드렸던 자리에 넣으시면 됩니다.

 

사이드바 광고 300x250 탑고정 소스.txt

 

 

 

저장하시고 확인해보실까요? 아래 사진처럼 잘 뜨시나요? 광고의 경우 애드센스 기준인데, 애드센스가 승인이 나서 광고가 잘 나오는 상황이어야 합니다. 그렇지 않으면 잘 안나오겠죠? 그리고 애드센스말고도 클릭몬같은 경우도 동일한 방법으로 가능합니다. 그 외 광고도 사이즈만 맞으면 가능합니다.

 

 

 

4. 세번째는 사이드바 중간 위치에 반응형 광고 or 300x250 광고 or 250x250 광고 or 300x600 광고를 넣어보겠습니다. 아래 사진을 보시면 빨간줄이 있는 곳에 넣을겁니다. 반응형 광고나 250x250 광고는 개인적으로 3단탭 바로 하단에 광고가 들어가면 좋을 것 같습니다. 역시 광고 소스를 첨부하였습니다. 위와 동일한 방법으로 하시면 되고요. 300x250이나 300x600은 사이드바 가장 하단쯤에 위치시키는게 좋을 것 같습니다. 입맛대로 하시면 되겠습니다.

 

사이드바 광고 반응형 중간형 소스.txt

사이드바 광고 250x250 중간형 소스.txt

사이드바 광고 300x250 중간형 소스.txt

사이드바 광고 300x600 중간형 소스.txt

 

 

 

 

역시 잘되는지 확인을 해보겠습니다. 아래 사진처럼 잘 뜨십니까? ㅎㅎ 아래 스샷에는 제목이 클릭몬이라고 되어 있는데, 광고가 애드센스면 애드센스라고 수정하시면 됩니다. 제목 수정도 위 소스에 들어가 있습니다. 기본은 애드센스라고 타이틀이 되어 있습니다.

 

 

 

5. 이번에는 본문 하단에 반응형 광고 or 336x280x2 (좌우로 2개)를 넣어보겠습니다. 아래 사진처럼 빨간줄 부분을 찾아주세요. [##_article_rp_desc_##] 부분 바로 아래에 소스를 넣어야 합니다. 역시 소스를 첨부하였습니다. 엠원리액트스킨은 본문 가로 사이즈가 728px로 설정되어 있어서 가로 728 광고를 구현하는것이 최적화되어 있다고 보시면 됩니다. 다만, 반응형 스킨이라 반응형 코드를 넣으시면 알아서 728사이즈로 구현이 됩니다. 반드시 반응형 광고 코드를 넣으시길 바랍니다. 여유분으로 3개 소스가 준비되어 있습니다. 하단에 연달아 배치할 경우 순서대로 사용하세요. 336x280x2 같은 경우, 모바일에서는 위아래로 나란히 보이게 구현되어 있습니다.

 

본문 하단 광고 반응형 소스1.txt

본문 하단 광고 반응형 소스2.txt

본문 하단 광고 반응형 소스3.txt

본문 하단 광고 336x280x2 소스.txt

 

 

 

자 또 확인해보실까요? 적절하게 하단에 위치했네요 ㅎㅎ 만약 텐핑같은 다른 광고를 동일한 부분에 넣을시에는 간격을 조금 조정해주시기 바랍니다. CSS편집모드에서 <!-- 광고 s --> .. <!-- 광고 e -->라고 되어 있는 부분에서 관련 소스를 수정하실 수 있습니다. 만약 이 부분이 찾아도 없다면, 구 버전의 스킨을 사용하고 계신겁니다. 업그레이드 해주세요 ㅎㅎ

 

 

 

6. 이번에는 검색결과, 카테고리 페이지 상단에 반응형 광고를 달아보겠습니다. 역시 아래 사진의 빨간줄 표시부분에, 아래 첨부파일소스를 넣어주시면 됩니다.

 

검색결과, 카테고리 페이지 상단 반응형 소스.txt

 

 

 

7. 자~ 이번에는 아래 사진처럼 바깥쪽 우측에 160x600 광고를 넣어보겠습니다.

 

 

 

우선 아래 사진의 빨간줄 부분을 찾아서, 아래 첨부소스를 넣어주시면 됩니다. 역시 소스안에 '광고소스'라고 되어 있는 텍스트를 지우고, 본인의 광고를 넣어주세요.

 

아웃사이드 우측 광고 160x600 소스.txt

 

 

이렇게해서 권장하는 곳에 모두 넣어봤습니다. 사실 말이 권장이지, 넣고 싶은곳에 넣으셔도 됩니다. 하지만 권장이 괜히 권장은 아니겠죠? 반응형 스킨 같은 경우, 특히 권장대로 하시길 바랍니다. 모바일에서 광고가 자동으로 최적화되게 만드는 소스가 포함되어 있기 대문입니다. 이상입니다^^

댓글(33)
  1. 이전 댓글 더보기
  2. 2018.02.01 21:08 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  3. 2018.02.02 04:10 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  4. 2018.03.15 19:19 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  5. 2018.03.19 03:13 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  6. BlogIcon 리틀타이거 2018.03.23 13:16 신고 댓글주소  수정/삭제  댓글쓰기

    카테고리 주소가 뭐죠???ㅠㅠ

  7. 리틀 2018.03.24 00:22 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다 처음이라 어렵긴한데 많이배웠습니다!!감사합니다

  8. 2018.04.09 13:58 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  9. 2018.04.10 09:35 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  10. 2018.04.12 12:13 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  11. BlogIcon 내 인생 2018.05.03 14:40 신고 댓글주소  수정/삭제  댓글쓰기

    썸네일 색깔별로 따로 나오시는데 이것도 설정해야 하나요?? 조립을 위한 부품 조합방법 이 제목처럼요.

  12. BlogIcon 솔티리빙 2018.05.10 20:28 신고 댓글주소  수정/삭제  댓글쓰기

    올려주신 스킨 감사합니다.
    그런데 사이드바에 300x600 사이즈 광고를 넣으니 오른쪽이 좀 잘립니다.
    어떻게 해야 할까요?

  13. 2018.07.10 17:47 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  14. BlogIcon 영후왕 2018.07.25 05:40 신고 댓글주소  수정/삭제  댓글쓰기

    본문 상단 하단 광고가 안떠요!

    적용하고 시간이 지나야지 본문에 광고가 뜨나요??

  15. 2018.07.25 12:36 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  16. 2018.07.28 04:03 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  17. BlogIcon manwon 2018.08.23 11:21 신고 댓글주소  수정/삭제  댓글쓰기

    이렇게 좋은 스킨을 제공해주셔서 감사합니다. 거기다 애드센스 적용까지 친절하게... !

  18. 2018.08.27 01:34 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  19. 2018.09.06 10:09 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  20. 2018.09.26 13:06 댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  21. BlogIcon 데니스유 2018.10.13 15:58 신고 댓글주소  수정/삭제  댓글쓰기

    메인페이지 상단에 광고를 넣는 방법은 어떻게 할 수 있나요?
    알려주신 HTML이 이제 조금 감이 생긴다 싶은데 또 모르겠네요 ㅠㅠ
    7번에 '세상에서 가장 살기 좋은 도시가 궁금하다면?' 이 광고 위치 말입니다.

    미리 감사드립니다`!^^

티스토리 툴바