'애드센스 광고코드 삽입'에 해당되는 글 1건

  1. 2014.03.24 [블로그 운영]티스토리 상단, 하단에 구글 애드센스 달기. 4
2014. 3. 24. 21:00

 

 

후티스토리입니다.

 

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

 

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

 

 

 

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

 

 

 

 

 

 

 

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

 

총 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코드를 이용

 

 

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

 

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

 

 

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

 

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

 

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

Posted by 후티