애드센스 사이드바
친절한효자손님의 블로그를 참고하여 최우측 상단에 사이드바를 애드센스를 추가 게재하였습니다.
이 애드센스는 고정형 광고로써 가로 1550px 이상에서만 노출됩니다.
따라서, 제 노트북에는 뜨지 않고 듀얼모니터에는 광고가 표시됩니다.
여러분들도 보시는 화면에 따라 광고가 노출될 수도 있고 그렇지 않을 수도 있습니다.
STEP :: 1
먼저, 애드센스 광고를 새로 하나 만드셔야합니다.
새로 만드는 광고는 '텍스트 및 디스플레이 광고'로 만듭니다.
아직 애드센스에 가입하지 않으신 분들은 아래 링크를 따라 이동하시기 바랍니다.
STEP :: 2
'텍스트 및 디스플레이 광고'를 누르셨다면 광고만들기 페이지가 뜹니다.
우리는 고정형 광고를 넣을 것이기 때문에 '수직배너'로 설정합니다.
그 후 '160X600 와이드 스카이스크래퍼' 배너를 클릭합니다.
그 후 저장 및 코드 생성을 눌러 준 후 광고코드를 메모장에 붙여 넣습니다.
STEP :: 3
이제 수정을 통해 가로 픽셀 1550px 이상에서만 나오도록 코드를 수정할 것입니다.
위 이미지의 코드는 아래 첨부파일을 클릭하시기 바랍니다.
사이드바 최우측 세로 광고.txt그리고 이제 메모장에 붙여놓으셨던 'data-ad-client'의 뒷부분 숫자와 'data-ad-slot'의 뒷부분 숫자를 각각 입력하여줍니다.
client는 본인의 구글 애드센스 계정을 뜻하며, slot는 해당 애드센스의 개별 코드를 뜻합니다.
입력을 마치셨다면 전체 드래그하여 복사를 합니다.
STEP :: 4
이제 HTML/CSS 편집으로 들어와 HTML 탭에서 입력을 하면 됩니다.
'container'를 검색하셔서 위 이미지와 같은 곳을 찾아줍니다.
그리고 복사한 애드센스 코드를 div class=container와 div class=row 중간에 입력하면 됩니다.
해당 애드센스 코드를 구분 짓고 싶다면 <!--블라블라-->를 입력하여 주시면 됩니다.
마지막으로 저장까지 하셨다면 최종적으로 구글 애드센스 광고가 정상적으로 노출이 되는지 확인해주시면 됩니다.
광고가 노출되기까지 어느정도 시간이 소요되므로 여유를 갖고 기다려주시면 됩니다.
포스팅 내용은 어떠셨나요? 많은 도움이 되셨나요??
오늘 하루도 행복하시길 바랍니다.
공감과 댓글은 제게 큰 행복이랍니다 :)
