[블로그 운영]티스토리 상단, 하단에 구글 애드센스 달기.

후티스토리입니다.

 

애드센스 신청하고, 계정도 활성화되었으니,

 

이제 광고코드를 삽입하여 광고가 정상적으로 노출이 되도록 해보겠습니다.

 

 

 

먼저, 구글 애드센서에서 내 광고 -> 새 광고단위 클릭하여 삽입할 광고를 생성해야 됩니다.

 

 

 

 

 

 

 

새 광고 단위를 클릭하여 상단에 들어갈 두 개의 코드와 하단에 들어갈 한 개의 코드,

 

총 3개의 광고 코드를 생성합니다.

 

저의 경우 상단(좌), 상단(우), 하단 요렇게 이름을 정하고,

 

광고크기는 상단은 336*280 큰 직사각형에 텍스트 및 디스플레이 광고 유형으로 선택했습니다.

 

하단은 728*90에 광고 유형은 똑같이 설정했습니다.

 

 

텍스트 및 디스플레이 광고 유형이 클릭율이 높다고 합니다. 전 초보라 아직 잘..

 

다른 부분은 그냥 놔두고 저장.

 

 

 

 

 

 

 

 

아래처럼 요렇게 나오겠습니다.

 

이제 광고 코드를 티스토리에 삽입해야 되는데요.

 

하단의 경우 하나만 들어가니깐 그냥 복사해서 붙여넣으시면 되구요,

 

상단의 경우 두 개의 광고를 삽입하기 위해선 약간의 노동이 필요합니다. ㅎ

 

 

 

 

 

 

 

 

위에 부분에서 광고 코드를 복사하기 전

 

메모장을 열어 상단 광고를 간단히 편집합니다.

 

<table width="100%"> 에서 </table> 부분을 복사하시면 되는데요.

 

여기에 상단(좌) 코드 붙여넣기에 애드센스 광고 단위에서 상단(좌) 코드를 복사해서 붙여넣기 하면 됩니다.

 

아래의 상단(우) 코드도 마찬가지이구요.

 

 

 

 

 

 

 

 

상단에 보여질 두 개의 광고 코드를 삽입한 모습입니다.

 

 

 

 

 

 

 

 

이제 상단에 넣을 HTML 코드가 완성이 되었군요.

 

메모장의 광고 코드를 복사한 후 티스토리 관리자페이지에서 꾸미기 -> HTML/CSS 편집으로 이동합니다.

 

skin.html에서 ctrl + f 키를 눌러  article_rep_desc 를 찾습니다.

 

article_rep_desc 이 부분을 기준으로 광고코드를 위에 삽입하면 상단에 광고가 노출이 되구요,

 

article_rep_desc 이 부분을 기준으로 광고코드를 밑에 삽입하면 당연히 하단에 광고가 노출이 됩니다.

 

 

 

 

 

 

 

 

메모장에서 작성한 코드를 복사해서 article_rep_desc 윗 부분에 붙여넣습니다.

 

하단 광고도 마찬가지로 광고 코드를 복사해서 article_rep_desc 밑 부분에 붙여넣습니다.

 

 

 

 

 

 

요렇게 코드를 다 삽인 후 저장하면 티스토리 본문 상단에 구글 애드센스 두 개 달기와

 

하단에 광고 하나 달기가 끝나게 되겠습니다.

 

 

정리하면

 

* 구글 애드센스에서 삽입할 광고를 생성한 후 광고 코드를 복사합니다.

 

* 티스토리 관리자페이지의 HTML/CSS 편집에서 skin.html 부분에서

 

* article_rep_desc 부분을 찾아 광고코드를 삽입합니다.

 

윗 부분 삽입 < - 상단 광고

 

아랫 부분 삽입 < - 하단 광고

 

상, 하단에 두 개의 광고 삽입 시 < - 메모장 HTML코드를 이용

 

 

위의 방법으로 티스토리에 애드센스 광고가 보여지는데,

 

적용 후 바로 보여지지는 않구요, 조금 지나면 광고가 보여집니다.

 

 

이상의 작업은 컴퓨터에서의 광고 삽입이었구요, 

 

스마트폰 등의 모바일페이지에서는 광고가 보여지지 않는데요.

 

다음 포스팅은 모바일에 구글 애드센스 광고 달기를 후티와 함께 알아보도록 하겠습니다.