워드프레스 일기의 IT & 기타/티스토리 242

아래로 블로그 글을 스크롤하면 화살표 아이콘이 표시되고 클릭하면 맨 위로 이동하는 '맨 위로 가기' 버튼을 추가하고 싶은 경우 다양한 방법으로 가능합니다. 저는 이 티스토리 블로그에 간단한 jQuery 스크립트를 사용하여 '맨 위로 가기' (Scroll To Top) 버튼을 추가했습니다. 티스토리에 맨 위로 가기 버튼 추가하기 맨 위로 이동하기 버튼을 여러 가지 방법으로 추가할 수 있습니다. 간단한 HTML과 CSS로 버튼을 클릭했을 때 상단의 ID로 이동하도록 할 수 있습니다. 부드럽게 스크롤되도록 하려면 자바스크립트/제이쿼리를 이용할 수 있습니다. 저는 Animated Scroll to Top with jQuery (jQuery를 사용하여 애니메이션 Scroll to Top 구현하기) 글에서 제시하는..

간혹 방문하는 커뮤니티에서 티스토리 스킨 중 FastBoot 스킨의 구글 페이지스피드 인사이트 점수가 높다고 하여 FastBoot 스킨을 사용하는 사이트 몇 개를 찾아서 점수를 측정해보니 생각보다 높게 나오지는 않았습니다. 같은 스킨을 사용하더라도 블로그마다 점수 차이가 있는 것 같습니다. 이번 기회에 제 블로그의 점수도 측정해보았습니다. 티스토리 블로그 구글 페이지스피드 인사이트 속도 먼저 알아두어야 할 점은 구글 페이지스피드 인사이트(Google PageSpeed Insights)는 실제 사이트 속도를 알려주는 지표는 아닙니다. 다만, 사이트를 느리게 하는 것에 대한 Insights (인사이트) 즉 통찰력을 제시한다고 합니다. 속도가 빠른 사이트도 구글 페이지스피드 인사이트 점수가 낮은 경우가 있습니..

블로그에 유입되는 방문자 중 해외 유입자의 비율을 알고 싶은 경우 구글 애널리틱스에서 확인이 가능합니다. 해외에서 봇이 많이 유입되므로 특정 국가의 유입은 통계에 넣지 않도록 차단하는 것도 고려해볼 수 있습니다. 저는 러시아에서 유입되는 방문자의 통계는 제외하도록 필터를 구성했습니다. 구글 애널리틱스 국가별 방문자 수 확인하기 대부분의 티스토리 블로그의 경우 해외 방문자 비율이 (봇을 제외할 경우) 무시할 만한 수준일 것입니다. 구글 애널리틱스에서 국가별 방문자 수를 확인할 수 있습니다. 먼저 맞춤 대시보드를 만들도록 합니다. 그러면 자주 확인하는 통계를 한 곳에서 볼 수 있습니다. 맞춤 대시보드를 만드는 방법은 다음 글의 "구글 애널리틱스 활용하기: 맞춤 대시보드" 부분을 참고해보세요. 구글 애널리틱스..

블로그로 수익을 내는 방법으로 일반적으로 애드센스 광고를 많이 이용하고 있을 것입니다. 하지만 애드블록은 애드센스 광고 수익에 부정적인 영향을 미칩니다. 이 때문에 일부 블로그에서는 애드블록을 감지하여 애드블록을 차단하는 조치를 취하고 있습니다. 애드블록을 차단하는 것이 과연 필요할까요? 애드블록 차단 필요할까? 저는 네이버 뉴스 사이트에서 뉴스 기사를 자주 봅니다. 일부 뉴스 사이트에는 과도하게 많은 광고를 표시합니다. 어떤 사이트에는 지저분한 광고가 표시되기도 합니다. 그런 상황을 자주 접하다 보니 광고를 차단하는 애드블록을 설치하는 사용자들이 충분히 이해가 됩니다. 이러한 무분별한 광고 표시 행태 때문에 애드센스 광고로 용돈을 벌어보려는 블로거들도 피해를 보고 있습니다. 애드블록 사용자 비율 얼마나..

티스토리는 다음 검색엔진에 잘 노출되는 편입니다. 하지만 티스토리의 끝은 저품질이다라는 말이 있을 정도로 많은 티스토리 블로그들이 저품질 문제를 경험합니다. 최근 티스토리 블로그를 추가로 하나 만들어 테스트로 쿠팡 상품 소개 글을 올려보았습니다. 쿠팡 관련 글 때문에 블로그 글 전체가 다음 검색엔진에서 누락되는 통누락이 발생했습니다. 통누락이 발생할 경우 다음 고객센터에 문의하여 누락을 풀어달라고 요청할 수 있습니다. 다음 검색 통누락 대처 방법 네이버나 다음에는 저품질이라는 것이 있습니다. 저품질에 걸리면 블로그 글이 검색되지 않거나, 검색되어도 글이 뒤쪽으로 밀려나서 방문자 유입이 급감하게 됩니다. 다음에서는 글이 노출되어도 뒤쪽으로 밀려나거나, 혹은 아예 모든 글이 검색엔진에서 사라지는 통누락이 있..

티스토리 블로그 본문에 광고를 추가하는 다양한 방법이 있습니다. 앞서 HTML 코드로 추가하는 방법을 소개했습니다만, 다른 방법으로 새 에디터에서 서식을 활용하여 쉽게 구글 애드센스 광고를 티스토리 본문에 추가하는 방법도 있습니다. 이 방법은 본문에 광고를 추가할 때 HTML 모드에서 추가할 필요가 없으므로 수동으로 AdSense 광고 코드를 입력하는 것보다 더 편리할 것입니다. 광고 코드를 본문에 수동으로 추가하는 방법 vs. 자동으로 추가하는 방법 다만 앞서 소개한 방법과 이 글에서 소개하는 방법 모두의 단점은 광고 코드가 본문에 삽입되어 전체 글 레벨에서 수정을 할 수 없다는 점입니다. 또한, 일일이 광고를 삽입해야 하고 추후에 수정할 일이 있으면 수정하기가 만만치 않게 됩니다. (하지만 추후에 일..

티스토리 블로그에서 자동 광고 기능을 사용하지 않고 글 중간에 구글 애드센스 광고를 수동으로 넣으려면 보통 광고 단위를 생성하여 애드센스 광고 스크립트 코드를 직접 추가할 수 있습니다. 하지만 광고 스크립트를 추가할 경우 경우에 따라 글을 수정한 후에 광고가 표시되지 않을 수 있습니다. 보다 쉽게 광고 코드를 HTML 코드 형식으로 넣는 방법이 있어 소개합니다. ☞ 다른 방법으로 서식으로 지정하여 새 에디터에서 HTML 모드가 아닌 기본 모드에서 쉽게 추가하는 방법도 있습니다. "티스토리 본문 구글 애드센스 광고 추가하기 (서식 활용)"를 참고해보세요. 티스토리 글 중간에 쉽게 구글 애드센스 광고 코드 추가하기 티스토리 블로그의 글 중간에 광고를 수동으로 추가하려면 먼저 구글 애드센스 계정에 로그인하여 ..

일부 티스토리 블로그를 방문하면 티스토리 로그인이 풀리면서 티스토리 사용자로 댓글을 달 수 없고 게스트로만 달 수 있는 경우가 있습니다. 2차 도메인을 연결한 경우에 특히 이런 문제가 발생하는 것 같습니다. 2차 도메인에서 로그인 풀림 현상에 대해서는 티스토리에서 문제를 인식하여 공지를 하였습니다. 2차 도메인을 사용하지 않더라도 이런 문제가 발생하는 사이트가 있습니다. 티스토리 로그인이 풀리는 문제 티스토리에서 로그인이 풀리면 저는 브라우저를 바꾸어서 로그인해보면 대부분 정상적으로 로그인이 되었습니다. 저는 마이크로소프트 엣지 브라우저를 사용하고 있는데, IE나 엣지 브라우저에서 이런 현상이 종종 발생하지 않나 생각됩니다. 그리고 일부 사이트에서만 그런 현상이 발생하는 것으로 봐서 사용하는 스킨이 문제..

지난달 중순에 이 티스토리 블로그에 이상한 트래픽이 감지되었습니다. 일정한 패턴으로 방문이 이루어졌고, 한 번으로 끝나는 것이 아니라 계속 반복되었습니다. 이틀 정도 이상한 공격이 목격되어 다음 고객센터에 문의하여 해킹 시도 같으니 IP 주소를 차단해줄 것을 요청했지만 고객센터로부터 정상적인 방문이라는 답변을 받았습니다. 그러다가 얼마 전에 우연히 어떤 개발자가 크롤러를 만들어 테스트했다는 사실을 알게 되었습니다.웹 크롤링으로 인한 방문자 수 급증지난달 15일과 16일, 티스토리 방문자 통계에서는 평소 방문자보다 2~3배 방문자가 급증하는 것으로 표시되었습니다.하지만 유입 경로를 확인해보니 일정한 패턴으로 지속적인 방문이 이루어지고 있었습니다.위의 그림과 같이 모든 페이지를 순차적으로 방문한 다음, 조금..

이 블로그에서 티스토리의 소제목 스타일을 변경하는 방법에 대해 설명한 적이 있어 중복이라서 굳이 다루지 않았지만 고래 스킨에서 소제목 스타일을 지정하는 방법에 대한 문의가 간혹 있어 정리해보았습니다. 티스토리 고래 스킨 소제목 스타일 변경하기 (머리말 스타일) 소제목 스타일을 지정하는 방법은 기본적인 CSS를 알면 그리 어렵지 않게 가능합니다. 현재 이 블로그에는 다음과 같은 스타일로 소제목(머리말)이 표시됩니다. 이 스타일은 어떤 티스토리 블로그를 통해 공개된 CSS를 기반으로 한 것입니다. 지금은 그 블로그를 찾아보려고 하니 검색이 잘 안 되네요. 티스토리 고래 스킨에서 위와 비슷하게 소제목 (머리말, 헤딩) 스타일을 지정하려면 다음과 같은 CSS 코드를 사용하면 됩니다. /* 티스토리 고래 스킨 소..