본문 바로가기
리뷰

구글애드센스 상단광고 두개달기

by 드래곤포토 2013. 12. 22.
반응형

구글애드센스 상단광고 두개달기

구글애드센스 상단광고 두개달기를 소개합니다. 애드센스 광고달기가 어려운것은 아닌데 자주 사용하지 않다보니 막상하려면 쉬운일이 아닌 것 같습니다. 저도 오래간만에 하는 작업이라 다음에 수정하게되면 쉽게하기위하여 기록을 남길겸 해서 포스팅 해보았습니다.

이포스팅은 처음 애드센스 광고를 삽입하는 방법을 소개하는 것이 아니고 기존 에드센스 광고를 한개를 달았던것을 하나더 추가하여 구글애드센스 상단광고 좌,우측으로 배열하는 것을 소개하는 것이지만, 처음 에드센스 광고를 넣는 분들도 따라해보시면 별무리 없이 하실 수 있을 것 같습니다.

adsence1_1 종전화면 상단

제 티스토리 블로그에는 원래 상단좌측에 구글에드센스, 그리고 우측에 다음에서 운영하던 뷰 애드박스를 달고 있었습니다. 그런데 뷰애드박스의 운영이 '13.5월에 중지 되어 이후 상단 오른쪽은 빈공간으로 남아있었습니다.

우측 뷰애드박스자리에 구글애드센스로 대체해야겠다는 생각은 있었으나 사실 구글애드센스 광고를 2011년에 달았는데 시간이 지나다보니 어떻게 달았는지 가물가물하여 피일차일 미루다 연말이 되어 좀 시간이 나서 작업을 하게되었습니다.

adsence2

우선 구글애드센스 화면에 접속하여 현재의 광고크기와 광고단위를 알아봅니다. 화면상단의 '내광고'를 클릭하면 광고단위를 알려줍니다.

저같은 경우 화면상단좌측광고로 300X 250크기로 이미 만들어져 있음을 보여줍니다. 다행히 가로 300X250 크기의 광고로 우측에 하나더 달더라도 문제는 없을 것 같습니다.

이제 구글애드센스 광고를 추가로 생성하기 위해서는 '새광고단위'를 클릭합니다.

adsence5

'새광고단위'를 클릭하면 위화면처럼 나오는데
1. 광고단위이름을 지정합니다. 저는 '상단우측'이라는 이름을 부여했습니다.
2. 광고크기를 결정합니다. 광고크기를 '300X250-중간직사각형'으로 선택했습니다.
3. 광고유형은 보통 '텍스트 및 디스플레이 광고'를 선택합니다. 흔히 사용하는 것으로 수익에도 효과적이라 하네요
4. 대체광고 빈칸으로 놔둬도 됩니다.
5. 아래 맟춤채널, 광고스타일도 손대지 마시고 그냥 나두셔도 아무 상관없습니다.

다 작성하였으면 하단에 있는 '저장' 또는 '저장 및 코드생성'을 클릭합니다.

adsence6

'저장 및 코드생성'을 클릭하면 저장과 동시에 위 화면 처럼 생성된 광고코드를 보여 줍니다. 생성된 광고코드를 복사하야 티스토리 블로그에 붙이면 됩니다.

이제 티스토리 블로그 관리자 화면으로 갑니다.

adsence7

티스토리 '관리자' 화면 좌측 'HTML/CSS편집'을 클릭하면 skin.html 화면이 나옵니다.
여기서 'ctrl+ F'를 눌러서 'article_rep_desc'를 입력하면 위와 같은 화면이 나옵니다.

'article_rep_desc'를 중심으로 광고코드를 상단에 넣으면 애드센스 광고가 상단에 들어가고 하단에 넣으면 블로그의 제일 하단에 광고가 생성됩니다. 제블로그는 이미 광고가 있어 'article_rep_desc' 위쪽에 애드센스 광고코드가 있는 것을 알 수 있습니다.

adsencetxt

광고코드가 생성이 되면 전체복사를 하여 티스토리 블로그에 붙여야 합니다. 그런데 상단에 좌우광고 2개가 생겨야 하므로 위와같이 광고 HTML을 작성해야 합니다.

adsence9_1

위 형태에 따라 좌우측 구글애드센스 광고코드를 붙여 HTML을 만듭니다.

adsence10

만들어진 HTML을 복사하여

반응형

구글애드센스 상단광고 두개달기

구글애드센스 상단광고 두개달기를 소개합니다. 애드센스 광고달기가 어려운것은 아닌데 자주 사용하지 않다보니 막상하려면 쉬운일이 아닌 것 같습니다. 저도 오래간만에 하는 작업이라 다음에 수정하게되면 쉽게하기위하여 기록을 남길겸 해서 포스팅 해보았습니다.

이포스팅은 처음 애드센스 광고를 삽입하는 방법을 소개하는 것이 아니고 기존 에드센스 광고를 한개를 달았던것을 하나더 추가하여 구글애드센스 상단광고 좌,우측으로 배열하는 것을 소개하는 것이지만, 처음 에드센스 광고를 넣는 분들도 따라해보시면 별무리 없이 하실 수 있을 것 같습니다.

adsence1_1 종전화면 상단

제 티스토리 블로그에는 원래 상단좌측에 구글에드센스, 그리고 우측에 다음에서 운영하던 뷰 애드박스를 달고 있었습니다. 그런데 뷰애드박스의 운영이 '13.5월에 중지 되어 이후 상단 오른쪽은 빈공간으로 남아있었습니다.

우측 뷰애드박스자리에 구글애드센스로 대체해야겠다는 생각은 있었으나 사실 구글애드센스 광고를 2011년에 달았는데 시간이 지나다보니 어떻게 달았는지 가물가물하여 피일차일 미루다 연말이 되어 좀 시간이 나서 작업을 하게되었습니다.

adsence2

우선 구글애드센스 화면에 접속하여 현재의 광고크기와 광고단위를 알아봅니다. 화면상단의 '내광고'를 클릭하면 광고단위를 알려줍니다.

저같은 경우 화면상단좌측광고로 300X 250크기로 이미 만들어져 있음을 보여줍니다. 다행히 가로 300X250 크기의 광고로 우측에 하나더 달더라도 문제는 없을 것 같습니다.

이제 구글애드센스 광고를 추가로 생성하기 위해서는 '새광고단위'를 클릭합니다.

adsence5

'새광고단위'를 클릭하면 위화면처럼 나오는데
1. 광고단위이름을 지정합니다. 저는 '상단우측'이라는 이름을 부여했습니다.
2. 광고크기를 결정합니다. 광고크기를 '300X250-중간직사각형'으로 선택했습니다.
3. 광고유형은 보통 '텍스트 및 디스플레이 광고'를 선택합니다. 흔히 사용하는 것으로 수익에도 효과적이라 하네요
4. 대체광고 빈칸으로 놔둬도 됩니다.
5. 아래 맟춤채널, 광고스타일도 손대지 마시고 그냥 나두셔도 아무 상관없습니다.

다 작성하였으면 하단에 있는 '저장' 또는 '저장 및 코드생성'을 클릭합니다.

adsence6

'저장 및 코드생성'을 클릭하면 저장과 동시에 위 화면 처럼 생성된 광고코드를 보여 줍니다. 생성된 광고코드를 복사하야 티스토리 블로그에 붙이면 됩니다.

이제 티스토리 블로그 관리자 화면으로 갑니다.

adsence7

티스토리 '관리자' 화면 좌측 'HTML/CSS편집'을 클릭하면 skin.html 화면이 나옵니다.
여기서 'ctrl+ F'를 눌러서 'article_rep_desc'를 입력하면 위와 같은 화면이 나옵니다.

'article_rep_desc'를 중심으로 광고코드를 상단에 넣으면 애드센스 광고가 상단에 들어가고 하단에 넣으면 블로그의 제일 하단에 광고가 생성됩니다. 제블로그는 이미 광고가 있어 'article_rep_desc' 위쪽에 애드센스 광고코드가 있는 것을 알 수 있습니다.

adsencetxt

광고코드가 생성이 되면 전체복사를 하여 티스토리 블로그에 붙여야 합니다. 그런데 상단에 좌우광고 2개가 생겨야 하므로 위와같이 광고 HTML을 작성해야 합니다.

adsence9_1

위 형태에 따라 좌우측 구글애드센스 광고코드를 붙여 HTML을 만듭니다.

adsence10

만들어진 HTML을 복사하여 위에 붙입니다. 위화면은 좌우측 구글애드센스 광고 HTML을 붙여 놓은 모습입니다.

adsence11

HTML을 붙인후 저장하기전에 미리보기로 확인합니다. 오른쪽에 광고가 하나더 있습니다. 미리보기로 확인이 되었다면 '저장'을 클릭합니다.

adsence12

완성된 블로그 모습입니다. 위순서대로 따라하시면 상단에 애드센스 광고 두개를 올리는 건 문제 없습니다. 알고 보면 쉬운데 어쩌다 작업을 하니 쉬운일은 아닌 것 같습니다.

- 드래곤의 사진속 세상풍경 -

반응형
위에 붙입니다. 위화면은 좌우측 구글애드센스 광고 HTML을 붙여 놓은 모습입니다.

adsence11

HTML을 붙인후 저장하기전에 미리보기로 확인합니다. 오른쪽에 광고가 하나더 있습니다. 미리보기로 확인이 되었다면 '저장'을 클릭합니다.

adsence12

완성된 블로그 모습입니다. 위순서대로 따라하시면 상단에 애드센스 광고 두개를 올리는 건 문제 없습니다. 알고 보면 쉬운데 어쩌다 작업을 하니 쉬운일은 아닌 것 같습니다.

- 드래곤의 사진속 세상풍경 -

반응형

댓글