티스토리 뷰
오늘은 티스토리 #1 스킨에서 제목 위 광고, 즉 티스토리 페이지에 접속했을 때 최상단에 광고를 삽입하는 방법을 알려드리려고 합니다. 이 방법을 사용하면 정말 쉽게 티스토리 자체 애드센스 광고보다 내 광고를 상단에 노출시킬 수 있습니다.
개발자 창을 통해서 위치를 찾는 글들은 많은데 #1 스킨에 딱 맞는 위치를 설명해주는 글은 없어서 직접 글을 쓰게 되었습니다. 제가 열심히 개발자창 뒤져서 찾은 #1 스킨 최상단 광고 위치니까 많은 분들 도움 받으셨으면 좋겠습니다.
#1 스킨 제목 위 광고 삽입 이유?
이 글을 검색해서 들어오신 분들은 아마 공감하실 텐데요. 이렇게 스킨 가장 윗 부분에 광고를 삽입하는 이유는 바로 카카오에서 자체적으로 넣는 티스토리 자체 애드센스 광고를 해결하기 위해서 입니다.
카카오에서 자체적으로 넣는 티스토리 자체 애드센스 광고는 랜덤하게 글의 가장 윗부분이나 가장 아랫부분에 뜬다고 합니다. 가장 아래에 뜨는 것도 싫지만, 차라리 가장 아래에 뜨면 그나마 다행인데요. 가장 윗 부분에 뜨는 경우에는 제가 직접 삽입한 수동 광고 애드센스보다도 위에 광고가 뜨게 돼서 그게 너무 보기가 싫었습니다. (이렇게 노골적으로 쓰면 계정 정지 당하는 거 아닐까요?ㅎㅎ)
그리고 콘텐츠 내용없이 광고만 연달아 나오면 애드센스 계정을 정지당할 수도 있다는 사실 알고 계시죠? 그렇기 때문에 카카오가 상단에 노출될 걸 생각하니 상단 광고를 아예 게재할 수가 없었습니다. 혹시 정지 당하면 안 되니까요.
그래서 이걸 어떻게 해결할 수 있을까? 많이 고민했고, 카카오 애드센스보다 더 윗 부분에 광고를 넣을 수 없을까 하는 생각까지 하게 됐습니다.
그러다 보니 페이지에서 가장 윗부분인 제목보다 높은 위치에 광고를 달면 어떨까 하는 생각이 들었습니다. 사실 없애는 게 가장 베스트인데 우리는 티스토리에 월세로 사는 힘이 없는 사람들이라 그럴 수는 없으니까요. 그리고 검색을 해보니 역시 티스토리를 사용하는 분들이 많이 계셔서 이미 이런 생각을 하신 분들이 많았습니다. 그래서 광고를 최상단에 넣는 방법을 적용해 볼 수 있었습니다.
#1 스킨 최상단 광고 삽입 방법
그런데 딱 #1 스킨에 맞는 광고 삽입 방법을 알려주는 글이 없었습니다.
물론 개발자 모드로 들어가서 확인하면 된다고는 하는데 저는 이 과정에서 엄청 애를 먹었거든요. 제가 누른 것과 실제로 티스토리 html 스킨 편집 페이지가 완전히 일치하지 않는 느낌이었습니다.
그래서 엄청 헤매다가 스킨편집에서 html 삽입 위치를 알게 되었습니다. 그리고 지금은 잘 적용하고 있습니다.
제 글에서 현재 가장 윗 부분(제목보다 위)에 애드센스 광고가 잘 나오고 있나요? 이것처럼 기본 세팅을 하고 싶으신 티스토리 #1 스킨 이용자들은 분들은 저를 따라 하시면 됩니다. 방법 이제부터 차근차근 알려 드리겠습니다.
1. 최상단 광고 만들기
애드센스 홈페이지로 가서 먼저 최상단 광고를 만듭니다.
기존에 있던 광고를 사용해도 상관은 없지만, 광고 분석을 명확하게 하기 위해서는 최상단용 광고를 새로만드는 것이 좋습니다.
애드센스 사이트에 접속하셔서 광고 > 광고 단위기준 > 디스플레이 광고를 새로 만듭니다.
저는 참고로 사각형, 반응형으로 만들었습니다.
2. 티스토리 관리자 모드 > 꾸미기 > 스킨편집
관리자 모드에서 스킨 편집 버튼을 클릭한 후에,
스킨편집으로 들어와서 익숙한 html 편집 버튼을 클릭합니다.
3. 최상단 광고를 삽입할 위치 찾기
이번 글에서 가장 중요한 최상단 광고 위치를 찾아야 합니다.
Ctrl + F 를 통해서 위치를 찾습니다.
strong class="tit_category"
이 단어를 검색하면 됩니다. 이렇게 검색하면 총 3개가 나오는데요. 가장 아래, 즉 3번째 의 tit_category입니다. 이렇게 뒤에 a href 가 나오면 맞습니다.
참고로 <!-- 내용은 제가 알아보기 쉽게 표시해 놓은 거라 신경 안 쓰셔도 됩니다. 여러분한테는 안 나옵니다.
혹시 영어 따라 검색하기 귀찮으실까봐 광고 위치와 코드를 적어놓은 파일 공유합니다.
광고 가운데 정렬 설정도 넣어두었습니다.
텍스트 파일 내에 있는 <!-- 최상단 광고 삽입 위치--!>는 안 지우셔도 됩니다.
나중에 혹시 광고 수정할 때 찾기 쉬우라고 적어둔 메모입니다. 광고에 어떠한 지장도 주지 않는 설명입니다.
4. 아까 만들어둔 광고 코드 복사하기
광고 코드는 다들 복사할 줄 아시죠? 애드센스 광고 페이지에서 광고를 복사합니다.
위아래에 각각 <div> </div>를 넣어서 티스토리에 스킨편집 창에 써줍니다.
5. 광고 붙여 넣기
<div> 여러분의 광고 코드 </div>
이렇게 작성한 코드를 아까 검색한 strong class="tit_category 윗부분에 붙여 넣으면 됩니다.
아랫부분 아니고 윗부분입니다.
6. 적용하기
잘 적용되셨나요? 저는 이렇게 제목보다 위쪽에 광고가 잘 표시되고 있습니다.
정말 쉬운 방법으로 티스토리 #1 스킨에서 광고를 제목 위 최상단에 설정해 보았습니다.
모두 잘 적용해서 꼭 도움 받으시길 바랍니다.
'티스토리' 카테고리의 다른 글
| 하나 이상의 애드센스 제품에서 표시할 수 있는 광고수가 제한 되었습니다. : 내가 뭘 잘못 했는데?, 해결 방법 (2) | 2023.09.14 |
|---|