Fastboot 사이드바 우측 세로형태 고정형 애드센스 광고 넣기

특별히 현재까지 문제가 없기 때문에 광고를 넣는 방법에 대해서 언급하고자 한다. 현재 필자의 최우측에 보시면 세로로 긴 사이즈의 애드센스 광고가 있다. 이 광고는 반응형이 아니며 고정형 광고이고, 일정 해상도 이상일 경우에만 나타나게 된다.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#


패스트부트 스킨 : 사이드바 최우측 고정형 애드센스 광고 넣는 방법


우선 반응형이 아닌, 고정형 애드센스 광고를 하나 만들어준다. 이유는 간단하다. 저 공간에 들어갈 수 있는 크기는 이미 정해져 있기 때문이다. 공간이 협소하기 때문에 세로 형태의 애드센스밖에 들어갈 수 없다. 어색하게 텍스트 광고를 넣기도 어렵다.


반응형은 그러면 필요가 없으니 그냥 일반 형태의 애드센스를 넣어주게 된다. 차후에 다시 설명드리겠지만, 현재 가로픽셀 1550px 이상일 경우에만 노출되도록 설정되어 있다. 왜 1550px 이냐면, Fastboot 전체 스킨 가로 사이즈가 FHD (1920X1080) 에서 저 사이즈가 되어야 딱 화면안에 알맞게 들어오는 크기이기 때문이다. 그 이하에서도 광고를 보여지게 할 수는 있지만, 오류가 생기거나 사이드바가 뒤틀리거나 심한 경우는 블로그 전체가 망가질 수 있는 리스크가 있다. 따라서 이 방법은 개인의 선택이다. 이로인해 발생하는 문제는 스스로 책임을 져야 한다. 이건 제작자이신 Readiz 님도 아직 저 위치는 실험단계이기 때문에 따로 포스팅을 하지 않았다는 명시를 하셨다.




새로 광고를 하나 만든다. 애드센스 계정에 로그인 후, 광고 탭을 클릭하여 텍스트 및 디스플레이 광고를 누른다.




광고 이름을 정해준다음, 저기 빨간 표시가 된 부분대로 선택을 해준다. 수직배너 / 160X600 사이즈 와이드 스카이스크래퍼 이다. 모두 완료되었다면 저장 및 코드 생성을 누른다. 코드를 우선 메모장에 붙여넣고, 이제 약간의 수정을 거치기만 하면 된다.




아래의 첨부파일을 다운받으면 이런 코드가 저장되어 있다. 그러면 오리지널 순수 애드센스 코드에서 어떤 부분만 필요하느냐? 바로 저기 기호표시가 된 부분만 필요하다. 나머지 애드센스 코드는 필요 없다. 애드센스 코드의 data-ad-client 부분의 큰 따옴표 안쪽 코드와 data-ad-slot 부분의 큰 따옴표 안쪽 코드 이렇게 두개만 저 기호와 바꿔치기를 해서 전체를 복사 후 붙여넣기만 해주면 되는 것이다.


첨부파일

Fastboot 와이드 사이드바 우측 세로 고정형 광고.txt


추가로 설명을 더 드리자면, 저기 1550 부분이 바로 위에서 설명했던 1550PX 이상일 경우에 광고가 나오게 하는 부분이다. 이 수치 부분은 반드시 1550px 일 필요가 없으니, 각자의 기호에 맞게 수치를 입력하면 되는 부분이다. 그리고 가장 위쪽 코드인 margin-right:-180px 이 부분에서의 right는 오른쪽 이라는 뜻인건 다들 아실 것이다. 저 부분을 left 로 수정하면 애드센스가 Fastboot 스킨의 가장 왼쪽에 위치하게 된다. 참고만 하자.




이제 수정된 광고코드를 어디에 넣느냐면, HTML/CSS 편집에 오셔서 Ctrl+F 를 누르셔서 검색에 category_list 를 입력하면 저기 초록색 표시 부분이 검색 될 것이다. 그리고 주황색 밑줄 친 두 태그 사이에 방금 수정한 애드센스 코드를 넣어주시면 된다.




그러면 이렇게 사이드바 오른쪽에 적절히 위치하게 된다. 다시한번 말씀 드리지만, Fastboot 공식 애드센스 위치가 아니라는 것을 명심하자. 이로인해 발생되는 모든 문제는 본인 스스로 책임져야 한다. 끝.


구글의 새로운 애드센스 인피드 광고, 티스토리에 넣는 위치는?

블로그로 먹고 살기, 정말 불가능할까?

애드센스 한글 광고 나오게 하는 방법


"친절한효자손 취미생활" 을 검색!


이 글을 공유하기

댓글(26)

  • 2017.09.07 07:21

    비밀댓글입니다

    • 2017.09.07 14:49 신고

      Q. 안녕하세요 효자손님~데이블 광고를 설치하면 에센단가에 영향을 끼친다는데 그런가요? 데이블 승인코드왔는데 아직 설치를 못하고 있어요~~ [비밀댓글]

      A. 안녕하세요, 데이블이 애드센스에 영향을 끼친다는 건, 뭔가 코드에 악영향이 있어서 그런게 아니라, 단순한 문제입니다. 둘 다 일치하는 콘텐츠와 비슷한 광고스타일이기 때문에, 같은 광고가 두개가 나와버리면 하나의 효과가 100% 라고 가정했을 때, 둘로 나뉘니 50% + 50% 가 되겠죠? 이런 문제인 것입니다.

  • 2017.09.07 11:01 신고

    사이드바 클릭률이 높은가요? 저는 90% 이상이 모바일에서만 나옵니다. ㅠㅠ 뭐 1$ 정도 안될때도있음

    • 2017.09.07 14:50 신고

      안녕하세요, 사이드바 클릭율은 저도 높지는 않습니다. 근데 뭐 크게 신경쓸 필요는 없어요. 애시당초 사이드바 광고는 서포트 역할로 넣은 것이기에 높든말든 크게 신경안쓰고 있으면 됩니다.

  • 2017.09.07 14:51 신고

    네 감사합니다.~^^

  • 2017.09.07 15:10 신고

    감사합니다 효자손님~~~^^

  • 2017.09.14 18:25 신고

    효자손 님처럼 애드센스가 아닌 광고도 올릴 수 있게 하는 방법은 뭘까요? 하나는 성공했는데 연속으로 두개는 어떻게 하는지 모르겠습니다. 자꾸 본문 영역을 하단으로 밀어버리고 좌측 상단으로 두번째 배너가 가버리네요. (일단은 하나마 달아 놓았습니다.)

    • 2017.09.29 16:25 신고

      안녕하세요, 저는 애드센스 말고는 다른건 없습니다. 그냥 개인적으로 하는 고정배너 광고 빼고는 말이죠. 어느 부분을 말씀하시는건지 잘 모르겠어요.

    • 2017.10.24 18:23 신고

      우측 세로 형태의 고정형 애드센스 밑에 보면 기어베스트 배너가 뜨는데 그렇게 나란히 2개를 놓는 방법을 알고 싶습니다.

    • 2017.10.24 18:47 신고

      아, 저 부분은 아직 실험단계 입니다. 차후에 이상 없으면 그 때 포스팅 하도록 하겠습니다.

  • 2017.09.29 13:45 신고

    효자손님 블로그에도 수직 고정형 광고가 안뜨네요.
    저도 안떠서 확인하러 왔었는데 효자손님도 안뜨네요. 무슨 문제인건 가요??

    • 2017.09.29 16:25 신고

      안녕하세요, 수직 고정형 광고라 함은 제일 오른쪽 말씀이신가요?
      그건 해상도에 따라 나오는게 바뀝니다. 가로 1550px 이상 해상도일때에만 나오게 해놨습니다. 그 이하 해상도에서는 무의미하기 때문에 안나오게 했구요.

    • 2017.09.29 16:52 신고

      아 감사합니다

  • 2017.10.20 16:30

    비밀댓글입니다

    • 2017.10.27 14:33 신고

      Q. 사이드 세로 배너가 달리는데 두개는 어떻게 다네요. 이것 저것 만져봐도 안되네요. ㅜㅜ

      A. 안녕하세요, 현재 두개까지를 실험단계 입니다. 나중에 완성 되면 그때 포스팅 하겠습니다. 감사합니다.

  • 2017.10.27 13:50 신고

    이거 친절한 효자손님처럼 사이드바 광고 위에 ADsense 라고 어떻게 표시하나요? ㅠㅠ

  • 2017.12.02 02:26 신고

    효자손님 매우 잘 보고있습니다. 항상감사드려요
    근대 이번 사이드바 광고넣는거 하라는대로 다했는데 왜 안뜨는걸까요?..

  • 2017.12.05 23:06 신고

    많은 도움 받고 있습니다.
    궁금한게 있는데요.
    수직세로 광고를 위로부터 간격을 두고 아래에 넣고 싶은데 어떻게 하나요?

    • 2017.12.06 02:27 신고

      안녕하세요, 해당 방법은 현재 테스트 진행 중이라서 나중에 포스팅 할겁니다.

  • 2017.12.15 22:23

    비밀댓글입니다

    • 2017.12.15 22:36 신고

      Q. 안녕하세요! 많이 배우고 있습니다. 그런데 궁금한게 오른쪽 사이드바 고정시키는 방법을 알고 싶어요 ㅠㅠㅠ
      http://cocosoft.kr/361 여기 나온 블로그처럼 스크롤 하면 고정되게 하고 싶은데 그대로 따라 했는데 적용이 안되네요. 3시간 넘게 계속 찾고 해도 도저히 못하겠습니다 ㅠㅠ 제발 포스팅 한번 써주세요 이거에 대해서!!! 감사합니다. [비밀댓글]

      A. 안녕하세요, 아직은 사이드바 고정 계획이 없기 때문에 이건 나중에 한번 해보겠습니다. 언제가 될지는 모릅니다.ㅎ

  • 2018.02.07 10:13 신고

    마지막 말씀하신 오류라고 하는 것은 1550 설정만 안건드리면 딱히 문제될 건 없는것이죠?
    공부 잘하였습니다. 늘 감사합니다^^

Designed by JB FACTORY