블로그잡담

티스토리 블로그 애드센스 본문 상단 광고 수동 배치하기

CJLIFE 2023. 5. 2. 08:22

 
본문 상단에 배치되는 광고를 어떻게 수동으로 달 수 있을까요? 티스토리의 경우 자체적으로 제공하는 기능이 있기 때문에 수동으로 광고 배치를 하는 것에 어려움은 없습니다. 하지만 그 기능에는 한가지 불편한 문제가 있습니다. 어느 정도의 딜레이가 발생되는 것이죠.
 
 

본문 상단 광고 딜레이 발생
본문 상단 광고 딜레이 발생


 
애드센스를 달게 되면 아마 광고 배치를 수동이냐 자동이냐 많이들 고민하실 것 같습니다. 본인도 애드센스를 단지 얼마 안되었기 때문에 그 고민을 계속 하고 있고 결론적으로는 아직까지 수동+자동의 개념으로 광고배치를 하고 있습니다.
 
수동 광고의 경우 애드센스의 광고 코드를 넣기 보다는 티스토리 자체적으로 제공하는 애드센스 관리탭을 주고 사용합니다.
 
 

티스토리 - 에스센스 관리 탭
티스토리 - 에스센스 관리 탭

 
 
코딩이 필요없을 뿐더러 클릭 한번으로 대부분의 광고 배치가 가능하죠. 하지만 단점이라고 한다면 애드센스에서 바로 피딩되는 광고가 티스토리를 한번 거쳐서 오는 것이기 때문에 로딩 속도가 조금 느린 편입니다.
 
아마 한번 씩 경험은 하셨을 거예요. 광고가 송출되기 전에 아래 사진이 잠시 떳다가 광고가 송출되는 경험을요..
어느 정도의 딜레이가 있다는 얘기입니다.
 

Google AdSence
Google AdSence

 
특히, 본문 상단에 배치되는 광고일 경우 로딩 속도가 느리게 되면 사용자가 확인을 못하고 넘어가는 경우가 많죠.
 
그렇기 때문에 본인의 경우 본문 상단의 광고는 수동으로 배치하여 사용하고 있습니다. 만약, 본인과 같은 고민을 하고 계신 분이라면 아래 방법을 사용하시면 될 것 같습니다.
 
 

300x250

 
 

본문 상단 광고 수동 배치하기

먼저, 구글 애드센스에서 광고를 하나 만들어야겠죠?
보통은 디스플레이 광고를 많이 만듭니다. 애드센스에서 디스플레이광고를 하나 만들어 주세요.
 
 

구글 애드센스 - 디스플레이 광고 생성
구글 애드센스 - 디스플레이 광고 생성

 
 
디스플레이 광고를 하나 만드신 후 코드 복사를 하셔서 광고 코드를 복사 해주세요.
 
 

구글 애드센스 - 디스플레이 광고 코드 복사
구글 애드센스 - 디스플레이 광고 코드 복사

 
 
그리고 본인의 [블로그관리][스킨 편집][html 편집 메뉴]로 진입합니다. CTRL+F 검색으로 article_rep_desc 을 찾아 주세요. 그리고 위에 복사한 코드를 검색한 코드 상단에 붙여넣기 하면 됩니다.
 

 

html 편집화면에 광고 코드 붙여 넣기
html 편집화면에 광고 코드 붙여 넣기

 
 
끝.
 
광고가 바로 송출 안될 수도 있습니다. 만약, 바로 송출이 안되면 30분에서 1시간 정도 대기 후 확인 하시면 본문 상단에 광고가 송출이 되는 것을 확인할 수 있습니다.


상단 광고 수동 배치