티스토리 애드센스 연동 후, 목록상단 치환자 스킨편집에 추가 방법!

티스토리가 새로 개편하며 카카오톡 계정 연동 및 애드센스 애드 핏 수익관리를 티스토리 관리자 페이지에서 직접 할 수 있도록 바꾸는 등... 큰 틀을 많이 개선했는데요. 그럼에도 불구하고 아직 작은 버그들도 있고 설정에서 에러가 나거나 하는 부분들이 발생하고 있습니다. 차차 개선되겠지요? 우선 저도 애드센스를 연동했는데요. 애드센스 광고를 더 쉽게 설정할 수 있고 애드센스 광고 수익도 바로 티스토리 관리자에서 볼 수 있습니다.

 

아쉽게도 티스토리 앱에서는 아직 애드센스 광고 [수익 관리] 기능이 없는것 같아요. 그리고 PC 상에서 [관리자] -> [수익] -> [애드센스 관리]에 들어가서 수익을 보시면 아래 사진과 같이 최근 1일 수익 (어제 수익)까지 보이고 오늘 당일 수익은 보이지 않는 단점도 있습니다.

 

애드센스 티스토리 연동

애드센스 치환자 오류

 

※치환자 오류 수정하는 방법※

PC에서만 가능하다는 점 숙지하세요.

[관리자] -> [수익] -> [애드센스 관리] 에서 스크롤을 내려 [광고 설정]에 들어갑니다. 

 

티스토리 수익 애드센스 관리

 

광고 설정에서 아래와 같이 [전체 자동 광고] [본문 상단] [본문 하단] [사이드바]에 광고를 원하시면 설정해 주세요. 

그리고 [목록 상단]을 클릭해 주시면 아래와 같은 오류창이 뜹니다.

(저는 북클럽 스킨 사용중인데 사이드바도 초반엔 에러가 뜨더니 이제 오류가 수정되었는지 다시 설정이 가능해졌더라고요.)

 

▶ 목록 상단 광고 치환자 스킨에 직접 추가하기!

오류 메시지: 목록 하단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해 주세요. 목록 하단 치환자:  

치환자 스킨에 추가

 

그럼  저 치환자를 복사해 주시고요. [관리자] -> [꾸미기] -> [스킨 편집] -> [html 편집]에 들어가세요. 

거기서 키보드로 ctrl + F 키를 눌러서 <s_list>를 찾아주세요. 그리고 아래와 같이 노란색 형광펜 쳐진 곳에 복사해 놓으신 를 넣어주시면 됩니다.

 

저 같은 경우에는 위에 처럼 코드를 삽입한 후 <!-- 목록 상단 광고 치환자 내가 삽입-->이라고 표시해 둡니다. 혹시 제가 수정하는 html이 오류가 나거나 하면 스킨이 오류가 날 수 있기 때문에 무조건 <!-- 블라블라 내가 삽입--> 이라고 메모를 해 둔 후 수정할 부분을 삽입하고 마지막에 <!-- 블라블라 내가삽입 끝 -->이라고 html에 코멘트 해 둡니다.

 

 

이렇게 하여야 나중에 내가 코딩에 가담한 부분이 어디인 줄 찾을 수 있고 나중에 필요 없으면 찾아서 지울 수도 있기에 꼭 html 코드를 넣으실 때는 나만의 코멘트를 코드 시작 부분과 끝 부분에 넣어주시기를 권합니다.

---

▶목록하단 광고 오류! 치환자 추가하기

애드센스 광고 설정에서 목록 하단 광고를 클릭하시면 또 이렇게 오류창이 나타납니다.

 

 

오류 메시지: 목록 하단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해 주세요. 목록 하단 치환자:  

치환자 스킨에 직접 추가

 

여기서  치환자를 복사해 주세요. 똑같이 [관리자] -> [꾸미기] -> [스킨 편집] -> [html 편집]에 들어가세요. 

 

치환자 스킨에 직접 추가 삽입

 

ctrl + F를 클릭하여 </s_paging> 을 찾아주세요. 여기도 위의 형광펜 칠한 부분에 치환자 코드   를 삽입시켜 주시고 역시 코멘트로 <!-- 목록 하단 광고 치환자 내가 삽입-->  <!-- 목록 하단 광고 치환자 내가삽입 끝-->이라고 표시해 둡니다.  

 

이제 다시 광고 설정으로 돌아가셔서 F5 버튼을 눌러 새로고침 해 줍니다.

그리고 목록 상단, 목록 하단을 아래와 같이 설정해 주고 변경사항 저장을 하시면 됩니다. 

 

쉽게 이렇게 스킨 편집에서 치환자 코드만 정확한 자리에 직접 추가해 주시면 구글 광고가 자동으로 목록 상단, 하단, 사이드바, 본문 상단, 본문 하단에 나오는 것을 확인하실 수 있습니다. 적용 후 광고가 보이는 것은 15분-1시간 정도 걸릴 수 있으니 참고하시고요.

 

[애드센스] URL 채널 추가 방법이 변경되었어요 (feat. 내 블로그 포스팅별 수익률 알기)

 

티스토리 새 에디터 사라진 사진 모자이크 기능, 그림판으로 쉽게!

 

구글 애드센스 조회 가능 Active View의 중요성, 액티브 뷰 늘리기