본문 바로가기
블로그 관리 정보

티스토리 애드센스 광고 : 제목 위 광고, 하단 앵커광고 고정하기

by 슈네로제 2025. 2. 4.
반응형

광고를 승인받고나서부터는 광고배치는 어떻게 하면 좋을지 모바일에는 광고가 잘 뜨는지 계속 확인하고 있는데요. 

상단에 있는 광고가 수익률이 좋은편인데 아시다시피 카카오에서 상단 광고를 가져갔잖아요.

그래서 저도 카카오광고 밑에 상단광고를 하나 더 넣어봤는데 앱에서는 카카오 상단광고만 보이고 제가 설정해놓은 상단광고는 잘 뜨지 않더라고요 ㅠㅠ 새로고침해야 겨우 뜨거나 광고가 위로 갔다가 아래로 갔다가 뒤죽박죽입니다. 데스크탑에서도 마찬가지이고요.

그래서 아예 광고를 제목 위에다가 설정하고 하단광고도 노출이 잘 안되는 편이니까 눈에 잘 띄는 앵커광고를 하단에 늘 뜨도록 설정해보겠습니다.

 

 

애드센스 제목 위 광고

 

1. 스킨편집에 들어갑니다. 참고로 저는 북클럽 스킨입니다.

 

북클럽 스킨

 

 

 

2. 애드센스에 가서 광고코드를 복사해옵니다. 디스플레이 광고 클릭 !

디스플레이 광고

 

 

 

광고 단위 이름 편한대로 설정해주시고 만들기를 클릭하면 코드생성기가 나옵니다. 거기서 코드를 복사합니다.

 

 

 

 

3. 티스토리 스킨편집 - HTML에 들어가셔서 <div class="inner"><h1> 사이에 광고코드를 넣어줄건데요.

*** 광고 넣기 전에 먼저 해야할 일이 있어요.*** 

<div class="inner">밑에 <div style="text-align:center;">를 써주시고 그 밑에 광고코드를 넣고 </div>로 마무리 해줍니다.  

 

정리하자면 이런 모습입니다.

<div class="inner">
<div style="text-align:center;">
광고코드 넣어주세요.
</div>
<h1>

 

광고코드 넣기

 

 

자 이제 첫번째 제목 위 상단 광고 고정은 끝이 났습니다.

두번째 하단 앵커광고 고정을 시작해보겠습니다.

 

 

 

 

 

반응형
 

 

 

 

하단 앵커광고 

 

1. 구글애드센스 홈에 가면 물음표 고객센터 아이콘을 클릭합니다.

 

 

 

초록색 Example 박스를 보면 광고코드에 data-overlays="bottom" 이라는 글자를 추가해 주면 앵커 광고의 상단게제가 중지되고 하단에만 표기된다고합니다.
 
 
2. 애드센스 - 광고 - 코드가져오기 가시면 본인의 고유 펍번호가 적혀있는 광고코드가 나옵니다. 복사 ! 

 

 

 

코드를 복사 하셨다면 이제 다시 티스토리로 갑니다 !

다되어 갑니다 ~~~

 

 

3. 티스토리 스킨편집 - HTML - <head>와 </head> 사이에 코드를 심어줍니다.

참고로 저는 코드를 넣을 때 마다 항상 위아래로 어떤 코드인지 알기쉽게 표시해둡니다. ㅎㅎ 

<head> </head> 사이에 광고코드넣고 아래 사진에 제가 표시해둔 빨간점선 자리에   data-overlays="bottom" 을 적어줍니다. 

앵커광고 하단고정 스킨편집

 

적용하면 이제 끝입니다. ^^

 

이제 메뉴 위 상단광고와 하단 앵커광고가 제대로 고정되어 있나 확인해봅니다.

 

 

 

데스크탑 모드

 

 

데스크탑으로 확인해 보니까 위 아래로 잘 고정되어 있네요 ^^

 

 

꼭 참고하세요

저렇게 열심히 설정해도 "티스토리앱"에서는 전면광고,앵커광고가 뜨지 않더라고요. 대신 다른 검색엔진을 통해서 "티스토리 웹사이트"에 접속해서 글을 보면 앵커 광고가 위,아래 자동으로 잘 뜨고 전면광고도 잘 뜹니다. 하지만 제목 위 광고는 뜨지 않더라구요... 제목 위 광고는 "데스크탑"에서만 적용되는 것 같았어요. 모바일에서는 안 되는게 많이 아쉽긴 하지만 데스크탑으로 티스토리를 이용하시는 분들도 계실테니까 안 하는 것 보다 설정해 두는게 맞다고 생각합니다. 저도 노트북으로 티스토리에 검색 많이 하거든요. ㅎㅎ 결과적으로 제가 알려드린 방법은 "데스크탑" 에서 보여지는 제목 위 광고, 하단 앵커광고 고정 방법이 되겠네요. (왜 앱에서는 안되는 걸까요ㅋ)

 

 

 

 

 

아래의 글은 사이드바 광고 고정방법입니다.

함께 적용해서 수익률을 높여보세요! ^^

 

 

사이드바 광고 고정해서 수익률 높이세요.

애드센스를 이용하고 계시는 분들은 블로그에, 글 속에 어느 위치에 광고를 넣어야할지 고민해보셨을텐데요.저 또한 효과적인 광고활용을 위해서 광고위치에 대해서 고민하고 광고를 고정시키

mystory3578.tistory.com

 

 

 

 

 

반응형