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

티스토리에 구글 애널리틱스 적용

어제 체계적인 방문자 분석을 위해 구글 애널리틱스 코드를 추가했습니다. 구글 애널리틱스에 가입한 후에 티스토리에서 제공하는 플러그인에 추가하면 됩니다. 하루 정도 지나면 방문자 통계가 체크됩니다. (애널리틱스에 가입하는 방법은 이 글을 참고해보세요.) UA-로 시작하는 추적 ID를 구글 애널리틱스 플러그인에 추가하면 티스토리에 간단히 구글 애널리틱스 코드를 추가할 수 있습니다. 소스 파일에 직접 추가할 수도 있지만 저는 플러그인을 사용하여 코드를 추가했습니다. 4월 30일과 5월 1일, 이 블로그의 방문자가 일시적으로 증가했고 어제 958명의 방문했습니다. 하지만 오늘은 다시 이전 수준으로 되돌아갔습니다. 왜 이틀 동안 방문자 수가 급등했는지 모르겠네요.

티스토리 블로그에 구글 맞춤검색 추가

티스토리 검색을 이용하면 검색이 제대로 되지 않아서 구글 맞춤검색을 새로 추가했습니다. 사이드바에 추가하면 좋겠지만 이 티스토리 블로그에는 사이드바가 없어서 헤더 바로 아래에 추가했습니다. 사실 구글 맞춤검색창을 추가한 이유는 개인적으로 검색해보기 위한 것입니다. 구글 맞춤검색 사이트에서 새 검색엔진을 하나 만들고 코드를 복사하여 티스토리의 적절한 곳에 붙여넣기하니까 잘 작동하네요. Google 맞춤검색 엔진 설치하기 구글 맞춤검색 사이트에 로그인한 다음 "Add"를 클릭합니다. 그러면 다음과 같은 페이지가 표시됩니다. 검색할 사이트에는 여러 개의 사이트를 추가할 수 있습니다. 예시가 나와 있으므로 참고하여 적절히 추가하도록 합니다. 만들기를 클릭하면 "맞춤 검색엔진이 성공적으로 생성되었다"는 화면이 표..

80일 간의 티스토리 블로그 결산

작년 10월에 이 티스토리 블로그를 시작하여 현재 100일이 조금 넘었습니다. 작년 결산이 나와서 정리해보았습니다. 이 블로그에서 많이 언급한 단어로는 워드, 프레스, 번역이 눈에 띄네요. 사실 워드프레스를 주제로 작성한 글이 많은데, 워드프레스를 "워드"와 "프레스"로 나누어서 분석했네요.ㅎㅎ 작년 80일 간 6492명이 방문했습니다. 올해 들어 27일 동안 약 5600명이 방문했습니다. 방문자 수는 예상 속도보다 적지만 계속 늘어나는 추세라서 그리 나쁘지는 않는 것 같습니다. 최근에 반짝 일 300명이 방문하다가 다시 100~200명 대로 줄었네요. 작년에 216개의 글이 작성되었습니다. 계산해보니 하루 2.7개꼴이네요. 이 블로그는 소소한 것들을 담아내려고 만든 것이기 때문에 글 개수는 많지만 진지..

티스토리 블로그를 두 달간 운영하면서 느낀 점

이 티스토리 블로그를 운영한지 이제 거의 두 달이 다 되어 가네요. 기간에 비해 글 개수가 조금 많은 편입니다. 블로그 제목과 같이 사소한 것을 담으려고 하다 보니 '잡 블로그'가 된 것 같습니다.ㅎㅎ 저는 주로 워드프레스로만 블로그를 운영해왔고 티스토리는 이번에 처음으로 접하게 되었습니다. 티스토리는 무료 블로그 중에서는 레이아웃을 비교적 자유롭게 수정할 수 있어 개인적으로는 큰 장점으로 여겨집니다. 커스터마이징에 한계가 있기는 하지만 무료 블로그로서는 매우 훌륭한 것 같습니다. 그리고 티스토리에 올린 글은 네이버와 다음에 노출이 잘 되는 것 같습니다. 특히 네이버 블로그 섹션에서 검색이 잘 되네요. 하지만 글 작성하는 편집기가 불편한 것이 개인적으로 불만입니다. 서드파티 에디터를 사용하고 있지만 여전..

티스토리에서 스킨을 변경할 때 참고 사항

이 티스토리 블로그를 시작한지 이제 40일 정도가 되었네요. 처음 티스토리를 접하면서 스킨을 여러 차례 바꾸었습니다. 그러다가 얼마 전에 구글에서 사이트 소유자 확인이 안 된다는 메시지가 표시되었습니다. 알고보니 처음 티스토리를 시작하면서 구글 인증 코드와 네이버 인증 코드를 추가했다가, 이후에 티스토리 스킨을 변경했다가 다시 처음 스킨으로 변경했지만 스킨이 변경되면서 직접 추가한 코드가 모두 초기화되면서 발생한 문제였습니다. 티스토리 스킨 변경 시 참고 사항 스킨을 변경했다가 다시 본래의 스킨으로 되돌려도 꾸미기 > HTML/CSS 편집에서 수정한 내용은 모두 초기화가 됩니다. 그러므로 티스토리 스킨을 변경하기 전에 수동으로 추가한 사항은 별도의 문서에 정리하여 저장하는 것이 안전합니다. 예를 들어, ..

아쉬운 티스토리 검색 기능

이 블로그의 글을 검색할 일이 있어 티스토리에서 제공되는 검색 기능을 사용하니 전혀 검색이 되지 않네요. 가령 해외 호스팅 "사이트그라운드"에 대해 검색해보면 현재 검색 결과가 없는 것으로 나옵니다. 구글 맞춤검색 기능을 티스토리에 다는 방법이 있지만 테스트해보니 레이아웃이 제대로 표시되지 않네요. 스킨을 많이 수정하지 않고 구글 맞춤검색을 추가하려면 스킨을 변경하는 것이 더 좋을 것 같다는 생각이 듭니다. (#1 스킨이 처음 사용하는 티스토리 스킨이고, 브레드크럼, 댓글 개수 표시 등 나름대로 몇 가지 기능을 추가한 상태라서 스킨을 변경하는 것이 내키지 않지만 시간이 될 때 괜찮은 스킨을 찾아보아야 할 것 같습니다.) 당분간은 site:http://avada.tistory.com을 추가하여 검색해야 할..

서드파티 티스토리 에디터 Tistory Editor 0.5.2 업데이트 - Tinymce에 이미지 직접 업로드 버튼 추가

티스토리에서 글을 작성할 때 사용하고 있는 서드파티 티스토리 에디터 Tistory Editor가 오늘 0.5.2로 업데이트되었네요. 저는 주로 Tinymce를 사용해왔는데, 이미지 삽입할 때에는 Quill 에디터로 전환하여 삽입하고 있습니다. 하지만 이것이 은근히 번거롭고 Quill 에디터로 전환한 후에 Tinymce로 돌아오면 링크 속성(_blank)이 지워지고 가운데로 지정한 이미지 정렬도 사라지기 때문에 조금 짜증날 때가 있습니다. 하지만 이번 0.5.2 버전에서는 이미지를 직접 삽입할 수 있는 버튼이 추가되었습니다. 이제 다른 에디터로 전환하지 않고 글을 작성할 수 있어 티스토리에서 글쓰기가 이전보다 편해질 것 같습니다. 워드프레스처럼 HTML 코드를 볼 수 있는 모드(워드프레스에서는 "텍스트 모..

티스토리 #1 스킨에서 댓글에 포함된 링크가 클릭되도록 수정하기

현재 이 블로그에는 티스토리의 기본 스킨 중 하나인 #1을 사용 중입니다. 티스토리에서 댓글에 링크를 추가할 경우 클릭이 안 되네요. 저는 다음과 같은 jQuery 스크립트를 추가하여 댓글에 http://... 또는 https://...가 있으면 자동으로 링크되도록 했습니다. 다른 스킨에서는 스킨 소소에 맞게 위의 코드를 조금 수정하시면 됩니다. 위의 스크립트를 바로 위에 추가하도록 합니다. 저는 관리자가 작성한 댓글에서만 링크를 클릭할 수 있도록 했습니다. 추가: 위의 스크립트를 사용해도 작동은 잘 되지만 스크립트 오류가 발생하여 구글 SEO에 부정적인 영향을 미칠 수 있습니다. 위의 스크립트 대신 다음 글에서 소개하는 코드를 사용하시기 바랍니다. 티스토리 댓글 내의 URL 주소에 링크를 거는 방법

티스토리에서 이미지 파일이 중앙에 정렬이 잘 안 되는 경우

서드파티 프로그램인 Tistory Editor가 0.5.1로 업데이트되어 설치하여 사용하고 있습니다. Tinymce에서는 구글 포토(Google Photos)에 저장된 이미지 파일을 불러올 수 있네요. 서드파티 티스토리 에디터 Tistory Editor 0.5.1 업데이트 하지만 이미지가 구글 포토에서 링크로 삽입되는 것 같습니다. 그래서인지 글을 작성하여 발행하면 썸네일이 표시되지 않네요. 어쩔 수 없이 글을 발행한 후에 번거롭지만 티스토리에서 다시 글을 편집하여 대표 이미지를 별도로 올려주면 썸네일이 표시됩니다. 문제는 본문에 추가된 이미지가 가운데 정렬되지 않습니다. 티스토리 기본 편집기에서 이미지의 정렬을 가운데로 설정해주어도 왼쪽으로만 정렬되네요. 그래서 다음과 같은 CSS 코드를 추가해주니 원..