오랜만에 애드센스 홈페이지에 접속했더니 화면 위쪽에 아래와 같은 경고 문구가 떴다. 수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일 문제를 해결해야 합니다. ads.txt는 승인 받은것으로 확인된 판매자(애드센스)를 통해서만 디지털 광고 인벤토리가 판매될 수 있게 해주는 IAB Tech Lab 솔루션인데, ads.txt파일을 직접 만들면 사이트에서 광고를 판매할 수 있는 판매자를 더 효과적으로 관리할 수 있으며, 가짜 인벤토리가 광고주에게 판매되는 것을 방지할 수 있다고 한다. (출저 : 구글 애드센스 고객센터) ads.txt는 구매자가 가짜 인벤토리를 식별할 수 있게 도와주어 가짜인벤토리에 광고비가 지출되지 않도록 해주므로 광고주의 수익이 늘어날 수 있어 반..

티스토리 기본 도메인이 아닌, 따로 도메인을 구매하였다면 티스토리 관리페이지 [관리 > 블로그 > 개인 도메인 설정 영역]에서 개인 도메인을 설정하게 된다. 하지만 개인 도메인을 설정하였더라도 어딘가 남아 있던 링크를 타고 xxx.tistory.com로 접속하게 되면 접속할 수 있게 되고, 혹시나 구글 애드센스를 개인 도메인으로 신청한 경우에는 xxx.tistory.com으로 접속하면 광고가 뜨지 않게된다 (이러면 아무리 방문자 수가 많아도 아무 소용이 없게 된다.) 이를 방지하고자, xxx.tistory.com으로 접속하여도 강제로 구매한 2차 도메인으로 이동하도록 변경해주는 것이 좋은데, 간단하게 스크립트만 삽입해주면 된다. 도메인 강제 이동 스크립트 삽입하기 [꾸미기 > 스킨 편집] 에 들어가 사이..

티스토리 북클럽 Book Club 스킨을 적용하면 기본적으로 아래와 같이 썸네일이 가로로 긴 직사각형 형태로 되어있다. 보통은 썸네일을 정방형 형태로 만드는데 기본 세팅이 직사각형 형태에다 썸네일 양옆이 자동으로 잘려보여 썸네일을 정방형 형태로 보이도록 스킨을 편집해보려고한다. 썸네일 비율 변경 하는 방법 이 방법은 북클럽(Book Club) 스킨에만 해당되는 내용이며, 스킨에 따라 수정 방법이 다를 수 있다. 1. 티스토리 관리 페이지에서 스킨 편집을 누른다. 2. 스킨 편집 창에서 [html 편집 버튼]을 클릭한다. 3. HTML 수정 하기 1) HTML 영역에서 Ctrl + F를 눌러 post-item 을 입력 후 엔터를 두번하면 404번째줄 쯤에 해당 부분이 있는 것을 확인할 수 있다. 2) 40..

티스토리 글 하단 하트 클릭하는 부분에 "이 글이 도움되셨다면 하트를 눌러주세요" 안내 문구를 넣는 방법을 공유하고자한다. 이런 문구가 있다면 글에 도움을 받은 분들이 조금 더 적극적으로 하트를 누르지 않을까해서 안내 멘트를 넣게 되었다. 방법은 아주 간단하다. 스킨편집에 들어가서 HTML 파일에서 ctrl+f를 눌러 을 찾아 로 교체하고, 그 아래 코드를 추가해준다. 아래 코드로 교체한다. 이 글이 도움 되셨다면 하트를 눌러주세요. 위치 조정하기 스킨마다 CSS가 조금씩 달라서 혹시 위치가 잘 안맞는다면 top:-120px 부분의 숫자를 조정하면 된다. 음수의 숫자를 더 크게할수록 더 위로 올라가고, 작게 할수록 더 내려간다. .heart_tooltip {position:absolute;left:0;t..

네이버 블로그로는 각종 리뷰, 일상적인 것들을 올리고 있었는데 내가 작업했던 코드들을 기록해놓을 만한 또 하나의 블로그가 필요해졌다. 네이버 아이디를 하나 더 만들어서 운영할까 하다가 코드의 경우 구글로 많이 검색하기도하고, 구글 애드센스와 친화적인 티스토리를 선택하게 되었다. (이왕이면 미미하게라도 수익이 나면 좋으니까) 구글 애드센스란? 구글 애드센스(Google AdSense)는 구글에서 제공하는 서비스로, 제작한 웹사이트, 앱 페이지나 블로그 글에 애드센스 광고를 붙이면 광고 수익의 일부를 받을 수 있는 서비스이다. 보통 해당 페이지와 가장 연관성 높은 광고가 나오게 된다. 애드센스 신청 과정 애드센스를 통해 홈페이지나 블로그로 수익을 얻을 수 있다는 장점이 있지만, 아무나 가능한 것은 아니다. ..

안녕하세요. 티스토리를 운영하시는 분들은 애드핏, 구글애드센스 등 다양하게 광고를 넣으실텐데요 쿠팡파트너스의 상품 배너를 넣는 방법을 알려드리도록 하겠습니다. 스킨마다 방법은 조금 차이가 있을 수 있습니다. 저는 Odyssey 스킨을 사용중입니다. 혹시 사이드바가 없다면 꾸미기 > 스킨편집에서 PC레이아웃 사이드바 형태를 "2단 우측 사이드바"로 변경해주세요. 사이드바에 쿠팡 상품 배너 넣기 1. 꾸미기 > 스킨편집을 클릭해 [html 편집]을 클릭합니다. 2. 그러면 HTML 코드들이 나오는데 Ctrl + F 를 눌러 box-category를 검색해줍니다. 검색하면 해당 부분이 노란색으로 표시 됩니다. 이 부분이 사이드바의 카테고리 영역인데요. 사이드바의 각각의 영역은 와 로 감싸져 있는 것을 확인하실..

티스토리 자체에도 코드를 넣을 수 있는 기능은 있지만 결과를 실시간으로 보여줄수가 없는데, jsfiddle은 코드결과도 공유 가능하고, html, script, css를 나누어서 한눈에 잘 보여줘서 아주 유용하게 활용이 가능하다. 티스토리 외에도 html 입력이 가능한 블로그 어디에서나 jsfiddle를 통해서 코드를 공유가 가능하다. JS피들이란? JSFiddle은 사용자가 만든, 협업형 HTML, CSS, 자바스크립트 코드 스니펫을 테스트하고 알리기 위한 온라인 커뮤니티이다. (출저:위키백과) 블로그에 jsfiddle 코드 공유 하는 방법 1. jsfiddle.net 사이트에 접속 해서 로그인을 한다. 2. 코드를 입력한다. jsfiddle 사이트에 처음 들어가면 아래와 같이 왼쪽 상단에 HTML, ..

티스토리 글 단에 [구독버튼]이 작게 기본 UI로 들어가지만 실질적으로 눈에 잘 띄지는 않아서 구독하기 버튼을 조금 더 잘 노출하고 싶다면 포스팅 중간중간 삽입해주는 것이 좋다. 글 중간에 구독 버튼 넣는 방법 1. 티스토리 설정에서 [꾸미기] > [메뉴바/구독설정]페이지에 들어가 구독 버튼이 설정되어있는지 확인해야한다. 구독버튼을 '표시합니다', 구독버튼을 '오른쪽상단'에 위치합니다로 설정한다. 2. 내 티스토리 블로그 빈 화면 아무데나 데고 오른쪽 마우스를 클릭해 [페이지 소스보기]를 클릭한다. 익스플로러의 경우에는 메뉴명이 [소스보기]이다. 3. 소스보기를 하면 티스토리 코드를 확인할 수 있는데, Ctrl + F를 누르고 btn_subscription 를 검색한다. 4. btn_subscriptio..