티스토리

조금 늦었긴 했지만, 1편에 이어서 2편도 작성해본다. 1편에서는 IP 추적을 위한 애널리틱스 유니버설 계정을 생성하였다면, 2편에서는 유니버설 계정을 이용하여 구글 태그 관리자에 등록하는 방법에 대해 이야기해보려고 한다. 티스토리 IP 추적 기능 사용법 1편│유니버설 애널리틱스 계정 생성 향기로운 꽃에는 벌레가 꼬인다고 했던가.. 일 3천 명 정도의 유입이 발생하는 내 티스토리에도 드디어..! 무효 클릭으로 인한 수익 감소 문제가 발생했다. 무슨 키워드가, 어떤 글이 그들의 심리 maroenispace.tistory.com 맞춤 측정기준 생성하기 먼저 유니버설 계정에 로그인한 상태에서 애널리틱스에 접속한 후 톱니바퀴 모양의 관리-맞춤 정의-맞춤 측정기준으로 들어간다. 오른쪽에 새 맞춤 측정기준을 눌러주..

향기로운 꽃에는 벌레가 꼬인다고 했던가.. 일 3천 명 정도의 유입이 발생하는 내 티스토리에도 드디어..! 무효 클릭으로 인한 수익 감소 문제가 발생했다. 무슨 키워드가, 어떤 글이 그들의 심리를 건드렸는지는 모르겠는데.. 며칠 동안 반복되는 과도한 클릭수에 결국 나는 폭발해버리고 말았다. 꼬우면 더 질 좋은 글을 작성해서 나보다 더 위에 노출을 시키던가.. 이것도 저것도 싫으면서 무턱대고 공격을 하는 그들의 수준 낮은 공격성에 박수를 쳐주고 싶을 뿐이다. 아무튼, 나는 그들의 공격으로부터 나의 결백을 입증하기 위해 한동안 사용하지 않았던 구글 애널리틱스의 IP 추적 기능을 다시 활성화시켰다. 유니버설 애널리틱스 계정 생성하기 IP 추적 기능을 이용하기 위해서는 애널리틱스에 관리자 계정을 생성해야만 한다..

현재 제 티스토리에는 스크롤에 따라 이미지와 같은 콘텐츠들이 서서히 등장하는 Fade-in 기능이 적용되어 있습니다. 예전에 어떤 커뮤니티에서 Fade-in이라는 기능을 봤을 때 티스토리에 한번 꼭 적용을 해보고 싶었는데 우연히 구글링을 하다가 관련 코드를 발견해서 손쉽게 적용할 수 있었어요. 코드만 삽입하시면 누구나 쉽게 따라하실 수 있으니 천천히 따라해보시길! 스크롤에 반응하는 Fade-in /*이미지 스크롤 효과*/ figure.imageblock, #tt-body-page figure.imageblock,.image-container { opacity:0; } 1) 위의 코드를 복사한 후 티스토리-스킨편집-CSS영역에 붙여넣어주세요. Fade-in 기능이 적용되는 범위는 이미지와 이미지를 2~3장..

티스토리에서 또 뭔짓을 한건지 아무런 공지 없이 자잘한 업데이트가 진행된 듯 합니다. 이런 카카오톡 이모티콘도 추가할 수 있게 되었다는 것 말고는 크게 변한게 없는 줄 알았으나.. 글을 발행하고 나니 평소보다 폰트 사이즈가 엄청 커져있더라구요. 그래서 HTML 모드로 살펴보니.. 평소에는 본적도 없었던 폰트 사이즈 변경 코드가 강제적으로 추가되었더라구요. 그래서 css로 들어가 기존에 사용중인 폰트 크기에 !important 속성을 주었으나.. 원래대로 돌아오지 않더라구요. 그래서 그냥 기존 코드를 무시하기로 했습니다. #tt-body-page p[data-ke-size='size16'], p[data-ke-size='size18'] { font-size: 15px !important; /* 변경하고자 ..

구글 Pagespeed Insights(바로가기)를 통해서 제 티스토리 속도를 조회해보니.. 점수가 생각보다 처참했어요.. 티스토리에 업로드하는 사진의 용량도 용량이지만 양이 많아서 그런지 페이지 로딩 시간이 조금 길어진 모양이에요. 그래서 여러 페이지를 조회해봤는데, 사진이 많은 포스팅은 오프스크린 이미지 지연하기라는 항목이 계속해서 나오더라구요? Pagespeed Insights 사이트에서 설명하는 다른 문제들은 대충 이해가 갔지만 오프스크린 이미지 지연 문제만큼은 도저히 해결하는 방법을 알 수가 없어서 구글링을 해보았습니다. 그랬던중 marshall-ku님의 티스토리에 lazy load라는 방식을 알게 되었는데요. 설명을 친절하게 해주셔서 어찌어찌 적용하는데에는 성공했지만.. 저같이 코딩에 까막눈인..

티스토리 수익 기능이 없었을 때에는 애드센스 광고를 비교적 자유롭게 배치할 수 있었는데, 적용 후에는 광고 크기나 배치를 이전처럼 쉽게 배치할 수 없어서 조금은 불편하다고 생각이 듭니다. 본문에는 자동광고를 사용하고 상단 광고는 2개를 사용했지만 수익 기능 적용 후에는 고정적으로 1개만 적용할 수 있는데, 아래의 코드를 티스토리 스킨 HTML에 추가하면 기존처럼 PC버전에서는 상단 광고가 2개 표기되고 모바일에서는 1개로 표기됩니다. 먼저 코드가 저장되어 있는 메모장을 다운받은 후 코드를 수정해주기만 하면 됩니다. 코드를 잘 보시면 ■가 2개, ★도 2개가 있는데 ■에는 ca-pub-번호를 똑같이 넣어주시면 되고 ★에는 상단에 들어갈 왼쪽, 오른쪽 디스플레이 광고 코드를 넣어주시면 됩니다. 참고로 두 코..