IT & 기타/티스토리 206

티스토리: 구글 애널리틱스 GA4 연동 방법 (2024년 최신 방법)

구글 애널리틱스가 유니버설 애널리틱스(UA)와 구글 애널리틱스 4(GA4)로 바뀌면서 애널리틱스의 인터페이스와 방식이 크게 바뀌었습니다. GA4가 처음 도입되었을 당시 연동하는 것이 쉽지 않은 편이었지만, 이제는 쉽게 연동이 가능합니다. 티스토리에서는 구글 애널리틱스 플러그인을 제공하지만, 플러그인을 사용하면 데이터가 수집이 되지 않으므로 애널리틱스 계정과 속성을 만들고 설정한 후에 Google 태그를 헤더 섹션에 직접 추가하여 연동하시기 바랍니다.티스토리: 구글 애널리틱스 GA4 연동 방법워드프레스의 경우 플러그인을 사용하여 쉽게 구글 애널리틱스와 연동하고 방문자 통계를 대시보드(알림판)에서 확인할 수 있습니다(참고). 티스토리에서는 직접 GA4 속성을 만들어서 구글 태그(추적 코드)를 헤더 섹션에 추..

티스토리에 사용하는 도메인을 워드프레스 사이트에 연결할 수 있을까?

티스토리에 연결된 도메인을 워드프레스 사이트에 연결할 수 있는지에 대해 궁금해하시는 분들이 계십니다. 네이버 카페에도 이 질문이 여러 차례 올라왔는데요. 간단히 '개인 도메인은 워드프레스 사이트에 연결할 수 있습니다'라고 답변을 했지만, 답변이 조금 애매한 것 같아 이 글을 통해 자세히 설명해보겠습니다. 개인 도메인 vs. 티스토리 자체 도메인 티스토리의 관리 » 블로그 페이지에 개인 도메인 설정 섹션입니다. 개인 도메인 설정 섹션을 보시면 "가비아, 후이즈 등 도메인 등록 업체에서 구입한 도메인을 연결할 수 있습니다"라고 안내하고 있습니다. 도메인 연결하기 버튼을 누르면 도메인 이름을 입력하는 입력 필드가 표시됩니다. 그리고 "DNS 서비스에서 CNAME 레코드, IP 등을 먼저 설정한 후에 연결해 주..

티스토리에 워드프레스 하위 도메인을 연결하는 방법

기본 도메인에 대하여 애드센스 승인을 받으면 하위 도메인(서브도메인)은 별도의 검토 절차 없이 애드센스 광고를 게재할 수 있습니다. 워드프레스에서 애드센스 승인을 받고 하위 도메인을 티스토리에 연결하면 곧바로 애드센스 광고를 표시할 수 있습니다. 티스토리에 워드프레스 하위 도메인을 연결하는 방법 네이버 지식인에 티스토리에 워드프레스 하위 도메인을 연결하는 방법에 대한 질문이 올라와서 화면을 캡처해 보았습니다. 질문 내용: 워드프레스로 애드센스 승인을 받았습니다. 티스토리에 하위도메인을 씌워서 운영하려 하는데요. 클라우드웨이즈와 네임칩을 이용했는데요. 각각 어디서 어떻게 하는 줄 모르겠어요. 네임칩에서 host.tistory.io.까지는 등록했습니다. 클라우드웨이즈 어플케이션 추가에서 부터 막히네요 도메인..

플러그인을 사용하여 티스토리 블로그를 쉽게 워드프레스로 옮기는 방법

카카오 데이터센터 화재 사건 이후 티스토리 백업 기능이 부활했습니다. 티스토리 백업본을 사용하여 워드프레스로 이전하는 것이 가능합니다. 티스토리 백업 파일을 이용하여 워드프레스로 이사하는 방법 하지만 이 방법은 컴퓨터를 잘 모르는 경우 쉽지 않을 수 있습니다. 다른 방법으로 크롤링/스크래핑 플러그인을 사용하여 워드프레스 사이트로 티스토리 콘텐츠를 옮기는 것이 가능합니다. 플러그인을 사용하여 티스토리 블로그를 쉽게 워드프레스로 옮기는 방법 코딩 지식이 없어도 쉽게 티스토리 블로그를 워드프레스로 마이그레이션하는 방법을 찾다가 Crawlomatic이라는 크롤러/스크래퍼 플러그인을 발견했습니다. 이 플러그인을 사용하여 티스토리뿐만 아니라 유머 사이트나 커뮤니티 사이트의 콘텐츠를 워드프레스로 파싱/스크래핑할 수 ..

티스토리 스킨: 댓글 개수 표시하기 (feat. 오디세이 스킨)

이 티스토리 블로그에서는 스피드 스타라는 유료 스킨을 한 동안 사용하다 현재는 오디세이(Odyssey)라는 기본 스킨 중 하나를 사용하고 있습니다. 시간이 날 때마다 스킨을 조금씩 수정하고 있습니다. 개별 글에서 제목 아래에 댓글 개수가 나오도록 수정해 보았습니다. 오디세이 스킨을 기준으로 글 제목 아래에 댓글 개수를 표시하고, 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 하는 방법에 대하여 살펴보겠습니다. 다른 스킨을 사용하는 경우에도 동일한 방법으로 가능합니다. 티스토리 스킨: 댓글 개수 표시하기 티스토리 블로그 글 제목 아래의 댓글 개수(예: 댓글: 3개)를 표시하고 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 했습니다. 티스토리에서 댓글 개수를 표시하는 치환자 코드는 다음과 같습니다. {##_..

심플한 티스토리 자동 목차 스크립트 (자바스크립트 & CSS)

이 티스토리 블로그의 스킨을 티스토리의 공식 스킨 중 하나인 Odyssey로 변경한 후에 목차를 추가하지 않고 있었습니다. 기존에 만들어진 목차 스크립트를 활용하면 되지만 jQuery로 만들어진 것이 많아서 저는 자바스크립트로 허접하지만 심플한 목차 스크립트를 만들어 추가했습니다.심플한 티스토리 자동 목차 스크립트 별다른 기능은 없고 H2 태그가 2개 이상이면 목차를 첫 번째 H2 태그 위에 표시하도록 만들었습니다. 그리고 목차 항목에는 H2, H3, H4만 고려하도록 했습니다.코드도 단순하여 사이트에 속도에도 영향을 거의 안 미치는 것 같습니다. 심플한 목차를 원하는 경우 이런 목차도 괜찮지 않을까 생각됩니다. 제가 만든 허접하지만 심플한 목차 스크립트입니다.😁😁😁JS 코드CSS/* TOC */#..

티스토리 Odyssey 스킨: 최신 댓글을 먼저 표시하는 방법 (댓글 순서 변경)

티스토리에서는 댓글이 보통 오래된 댓글이 먼저 표시되고 최신 댓글이 아래에 표시됩니다. 워드프레스에서는 댓글 순서를 설정하는 옵션이 제공되지만, 티스토리에서는 스킨에서 옵션을 제공하지 않으면 오래된 댓글이 먼저 표시됩니다. 티스토리 Odyssey 스킨의 경우 댓글과 관련된 별도의 옵션은 없는 것 같습니다. 오디세이 스킨에서 최신 댓글을 먼저 표시되도록 하고 싶은 경우 간단한 CSS를 사용할 수 있습니다. 티스토리 Odyssey 스킨: 최신 댓글을 먼저 표시하는 방법 (댓글 순서 변경) 티스토리 블로그에서는 일반적으로 오래된 댓글에서 최신 댓글 순으로 표시됩니다. 워드프레스에서는 최신 댓글/오래된 댓글이 먼저 표시되도록 하는 옵션이 제공됩니다. 위의 그림에서 한국어 번역이 잘못되었네요. "이전/다음 댓글"..

티스토리에서 강제 팝업 배너 노출을 규제하네요

이 블로그에서는 글 하단까지 스크롤하면 네이버 카페로 이동하는 배너가 표시되도록 코드를 넣었습니다. 배너를 클릭하지 않으면 배너가 사라지지 않도록 설정하였고, 닫기 버튼은 일정 시간(5초 정도 지연) 지난 후에 표시되도록 했습니다.티스토리에서 강제 팝업 배너 제거 경고하지만 카카오에서 강제 팝업 배너를 제거할 것을 경고하는 메일을 보내왔네요."강제 팝업 배너 노출로 화면 내 다른 영역으로 접근을 방해하는 코드가 포함되어 있습니다. 티스토리 이용 약관에 따라 규제될 수 있으니 해당 팝업 제거를 7일 이내에 시정 조치해주시기 바랍니다"라는 내용인데요.누가 신고를 한 것인지, 아니면 카카오의 자체 모니터링에 의해 발견된 것 같습니다.워드프레스에서는 이런 제약이 없는데, 티스토리에는 제약이 조금 있네요. 가령,..

티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기

티스토리 공식 스킨 중 하나인 오디세이(Odyssey)를 사용하는 경우 블로그 글 제목이 길어지면 제목 일부만 표시됩니다. 특히 모바일에서 이런 현상이 두드러집니다. 제목이 긴 경우에도 모두 혹은 일정 길이 이상 표시되도록 하고 싶은 경우에는 CSS를 사용하여 제목 글자 크기를 조정하는 것을 고려할 수 있습니다. 티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기 이 티스토리 블로그에는 현재 오디세이(Odyssey)라는 스킨이 적용되어 있습니다. 깔끔한 스킨을 원하는 경우 괜찮은 선택 같습니다. 이 스킨을 사용하는 경우 블로그 제목이 긴 경우 그림과 같이 제목 일부만 표시되고 나머지는 생략 기호(...)로 표시됩니다. 특히 모바일에서 이 현상이 두드러집니다. 모바일에서 블로그 글에 접속하더라도..

티스토리 오디세이 스킨: 사이드바 고정하기

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..