블로그/티스토리 팁

티스토리 네이버 애널리틱스 연동하는 방법 (초간단, 100% 성공)

티스토리 블로그를 운영하다보면 네이버에서 유입되는 수치를 제대로 확인해보고 싶은 경우가 생깁니다. 이때 필요한게 바로 네이버 애널리틱스라는 도구인데요. 티스토리에서 플러그인으로 네이버 애널리틱스를 제공하기 때문에 굉장히 쉽게 연동할 수 있습니다. 이번 포스팅에서는 티스토리에서 네이버 애널리틱스를 굉장히 쉽게 연동하는 방법에 대해서 소개하도록 하겠습니다. 네이버 애널리틱스 연동하는 방법 네이버 애널리틱스를 연동하는 순서는 아래와 같습니다. 네이버 애널리틱스 회원가입 네이버 애널리틱스에서 티스토리 사이트 등록 부여받은 애널리틱스 발급ID 티스토리 플러그인 연동 혹시나 플러그인이 어디있는지 모르시는 분을 위해 티스토리 관리자 페이지로 이동한 후 좌측 메뉴를 살펴보면 플러그인 탭을 확인할 수 있습니다. 플러그인..

블로그/티스토리 팁

티스토리 블로그 애드센스 광고 수익률 높이는 방법

티스토리 애드센스 수익을 높이는 방법 중 하나는 당연하게도 사용자에게 광고를 자주 노출해야 되는 것입니다. 그렇다면 티스토리 블로그에서 사용자에게 광고를 자주 노출시켜주려면 어떻게 할까요? 최근 티스토리 수익에서 애드센스 광고 위치를 조정할 수 있다는 것은 다들 알고 계셨을 것입니다. 블로그 콘텐츠 목록 상단과 목록 하단 그리고 사이드바에 배치하는 것은 굉장히 효율적인 광고 배치입니다. 티스토리에서 수익 관련해서 이러한 기능을 제공하지 않았을 때 사용자들이 애드센스 광고를 DIY로 추가하는데 어려움이 있었으나 최근에는 굉장히 쉽게 추가할 수 있게 되었죠. 하지만 저는 이러한 광고 배치 + 자동광고 배치로 광고를 노출하는 전략은 조금 비효율적인 방식이라고 생각했습니다. 그래서 실험적으로 배치해본 것이 애드..

블로그/티스토리 팁

티스토리에 후원(Donation) 및 기부 버튼 추가하는 방법 with. Buy Me a Coffee

티스토리나 다른 워드프레스 블로그들을 보다보면 아래와 같은 후원(도네이션) 버튼을 보신적이 있을 것입니다. 이 버튼을 활용해서 후원 또는 기부를 받을 수 있습니다. 계좌를 통해 후원을 받는 것보다 블로그를 운영하는 운영자에게 커피 1잔 또는 맥주 1잔을 사주는 것은 어떠하냐는 감사의 표시로써 훨씬 재밌고 덜 거부감을 일으킬 수 있는 방법이라고 생각합니다. 사용방법 Buy Me a Coffee를 사용하는 방법은 아래와 같습니다. Buy Me a Coffee 웹사이트 이동 회원가입 후 페이팔 연동 (페이팔 계정을 사전에 준비하세요) 대시보드에서 기부 버튼 만들기 티스토리 포스팅에 붙여넣기 Buy Me a Coffee 웹사이트로 이동 Buy Me a Coffee 서비스를 사용하기 위해 웹사이트로 이동합니다. ..

블로그/티스토리 팁

티스토리 블로그 다음 저품질 해결방법 (하루만에 탈출한 후기)

며칠 전에 티스토리 블로그에 방문자 수를 늘려보기 위해 여러가지 실험적인 방법으로 블로그에 포스팅하면서 방문자 증가 추이를 지켜봤는데요. 이 과정 중에 제 티스토리 블로그가 다음 저품질 정책으로 인해 다음 검색에 누락이 되는 현상이 발생되었습니다. 키워드 기반의 포스팅을 진행하다보니 글을 박리다매(?)식으로 작성하고 포스팅하게 되었는데 역시나 아니나 다를까 다음에서 기가막히게 바로 저품질을 때려버렸습니다. 이번 포스팅에서는 티스토리 블로그가 다음 저품질에 걸려서 다음 검색에 누락이 되었을 때 탈출하는 방법에 대해서 소개해드리겠습니다. 필자는 약 하루만에 다음 누락에서 탈출하게 되었습니다. 다음 저품질 확인하는 방법 다음 저품질로 인해 다음 검색 누락 이슈를 해결하기 전에 자신의 블로그가 실제 다음 저품질..

블로그/티스토리 팁

티스토리 통계 l.facebook, lm.facebook란?

l.facebook, lm.facebook이란? 티스토리 통계를 살펴보다 보면, l.facebook, lm.facebook 같은 링크가 눈에 보이곤 합니다. l.facebook, lm.facebook로 설정되어 있는 경로로 접근하면 페이스북 웹사이트로 들어가져서 확인이 불가능한데요. 우리가 일반적으로 알고 있는 facebook.com이나 m.facebook.com은 많이 봐와서 알고 있겠지만 l.facebook, lm.facebook와 같은 url은 굉장히 낯설게 느껴집니다. 잠깐 간략하게 소개해드리면 해당 URL은 페이스북에서 사용자 보호와 사생활 보호를 위해 자동으로 생성한 링크 url입니다. Link Shim이란? 페이스북에서는 2012년도에 "LinkShim"이라는 기술을 발표했는데요. 간략하게 ..

블로그/티스토리 팁

내 티스토리 블로그 점수(지수) 확인하는 방법

티스토리 블로그를 운영하다보면 내 블로그 지수(점수)가 실제 얼마인지 그리고 어느정도 성장했는지를 확인하고 싶은 경우가 생길 것 입니다. 블로그 지수란 간단히 설명하자면 블로그에 점수가 매겨지는 것인데 내 블로그가 전체 블로그 중 어느정도에 위치하고 있는지 확인할 수 있는 척도라고 생각하면 됩니다. 블로그의 성장성을 확인해보는 방법 중 가장 쉬운 방법은 티스토리 관리자에서 보여주는 다양한 통계와 방문자수와 같은 수치들로 체크해보는 방법이 있지만 뭔가 아쉽습니다. 내 블로그 점수 확인하는 방법 내 블로그 점수를 확인하는 방법은 아래와 같습니다. 블로그차트를 활용해서 블로그 순위를 확인하는 방법 구글 서치 콘솔을 활용해서 내 블로그 키워드 노출량을 확인하는 방법 블로그 지수 분석하는 방법 블로그차트 국내에서..

블로그/티스토리 팁

티스토리 블로그 썸네일 쉽게 만드는 방법 feat. 썸네일 무료 제작 사이트 캔바(Canva)

유튜브나 블로그를 보면 필수적으로 들어가는 요소중 하나가 바로 썸네일입니다. 저도 블로그 운영 초반에는 구글에 돌아다니는 free 이미지를 대충 썸네일로 올리고 사용했었는데, 요즘 썸네일의 중요성을 많이 느끼고 있습니다. 어그로는 아니더라도 유저가 들어오고 싶게 간판을 만드는 것이 유입량을 늘릴 수 있는 중요한 요소중 하나라고 생각합니다. 그래서 오늘은 제가 티스토리 썸네일을 만들기 위해 사용했던 툴에 대해서 소개해드리려고 합니다. 저는 Canva라는 사이트에서 썸네일을 제작하는데 정말 좋은 점은 무료로 사용할 수 있다는 것입니다. 물론 Pro 버전도 있긴 하지만 무료로 이용해도 꽤 퀄리티있는 썸네일을 제작할 수 있습니다. 무료 썸네일 제작 방법 Canva 웹사이트 이동, 회원가입 우선 Canva 웹사이..

블로그/티스토리 팁

티스토리에서 카카오 애드핏 사용법, 애드센스와 함께 사용하는 팁 공개

카카오 애드핏은 PC/모바일 버전 사이트에서 노출되는 수익성 배너 플랫폼입니다. 보통 티스토리 블로그를 운영하는 분들이 구글 애드센스에서 광고 승인을 받기 전 거쳐가는 플랫폼이라고 생각합니다. 하지만 저의 개인적인 생각으론 애드센스와 카카오 애드핏을 같이 사용하는 것이 좋은 시너지 효과를 낼 수 있다고 생각합니다. 왜냐하면 애드센스 광고 송출은 우리가 게재한 포스팅의 퀄리티에 따라서 광고를 많이 붙여도 포스팅에 따라서 광고가 송출되는 양이 다릅니다. 물론 우리가 포스팅을 작성할 때 양질의 콘텐츠를 매번 제공한다면야 애드센스 광고가 잘 뜨겠지만 일반적으로 포스팅을 할 때 포스팅의 퀄리티가 좋을 때가 있고 조금 부족할 때가 있기 마련입니다. 그때 애드센스 광고가 적게 붙을 때 조금 헷지를 해줄 수 있는 게 ..

블로그/티스토리 팁

[티스토리] 2020년 하반기 티스토리는 어떤 부분이 변화할까?

티스토리는 2020년 하반기에 다양한 신규 서비스를 준비하고 있다고 합니다. 또한, 통계, 에디터, 앱 등에 대대적 개편이 있을 예정이라고 합니다. 오늘은 티스토리 하반기에 있을 변화들을 살펴보고자 합니다. 수익 창출 기능을 강화 카카오 애드핏과 구글 애드센스 등 광고 플랫폼을 쉽게 적용하고 관리할 수 있는 신규 기능을 준비하고 있다고 합니다. 이전보다 쉬운 애드센스 연동 및 ads.txt 문제 해결을 위하여 구글 측과 협업도 함께 진행하고 있다고 하네요. 훨씬 다양한 내외부 광고 및 수익모델의 연동도 계속 확대해 나갈 예정이며, 수익 분석과 통계 기능도 새롭게 준비하고 있다고 합니다. 새로운 수익 창출 강화 기능은 2020년 하반기에 선보일 예정이며, 추후 별도 공지로 상세히 안내해준다고 합니다 202..

블로그/티스토리 팁

티스토리 블로그에 이모지(Emoji)를 활용하는 방법

✍️ 이모지란? '이모지'라는 말의 어원은 일본어 絵文字이고 이것을 한글로 옮기면 '에모지'가 되겠으나, 한국어에서는 emoji의 영어식 발음을 한글로 옮긴 '이모지'가 더 보편적으로 사용됩니다. 주짓수나 유클리드와 비슷한 경우라고 보면 됩니다. 언론에서도 '이모지'를 '에모지'보다 더 많이 사용하고, 구글에 '에모지'를 검색하면 '이모지'의 검색 결과를 대신 보여 줄 정도라고 합니다. emoji의 e나 emo가 emoticon에서 왔다고 생각하는 사람도 있다고 합니다. 🧐 이모지를 굳이 왜 사용해? 이모지를 굳이 사용할 필요는 없습니다😁 하지만 글들 사이에 이모지로 내 감정들을 표현하면 좀 더 표현이 잘 전달되는 느낌이 들어서 요즘 많이 사용하게 되더라고요🤗 그리고 좀 더 글에 생동감이 있지 않나요??..

블로그/티스토리 팁

티스토리 초간단 사이트맵 제출 방법! Google Search Console(구글 서치 콘솔) 등록 방법

✍️ Sitemap이란? Sitemap은 웹마스터가 크롤링에 사용할 수 있는 사이트의 페이지에 대한 정보를 검색 엔진에 알리는 손쉬운 방법입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, 변경 빈도, 사이트의 다른 URL에 상대적인 중요도)와 함께 사이트에 대한 URL을 나열하는 XML 파일입니다. 웹크롤러는 보통 해당 사이트 및 기타 사이트의 링크에서 페이지를 검색합니다. Sitemap은 해당 데이터를 보완하여 Sitemap을 지원하는 크롤러가 해당 Sitemap에 있는 모든 URL을 선택하고 관련 메타데이터를 사용하여 이들 URL에 대해 파악할 수 있도록 합니다. Sitemap 프로토콜을 ..

블로그/티스토리 팁

티스토리에 highlight.js를 활용하여 코드 하이라이트 추가하는 방법

highlight.js Highlight.js는 자바스크립트로 쓰인 코드 구문 강조를 위한 라이브러리이다. 어떠한 프레임워크에도 의존하지 않고, 거의 모든 마크업에서 작동하며 언어 감지 기능을 가지고 있다. 다양한 언어와 여러가지 스타일을 제공합니다. 자동으로 사용된 코드 구문을 찾아 알맞은 스타일로 표현할 수 있습니다. 여러가지 혼합된 코드에 대한 구문 강조가 가능합니다. node.js에서 사용 가능합니다. 어떠한 마크업과도 작동합니다. 어떠한 자바스크립트 프레임워크와도 호환됩니다. 모던 브라우저들, IE9 이상을 지원합니다. 자세한 사용 설명법은 highlight.js 문서에서 확인할 수 있습니다. CDN 이용하기 highlight.js CDN은 cdnjs와 jsdelivr을 지원하고 있습니다. cd..

블로그/티스토리 팁

티스토리 검색엔진 최적화(SEO) 시키는 방법

SEO란? SEO는 Search Engine Optimization의 약자로 말 그대로 검색엔진이 좋아하는 웹사이트의 조건을 갖추는 것을 의미합니다. SEO작업을 진행하기 위해서는 Sitemap과 RSS 작업을 해야합니다. Sitemap이란? Sitemap은 웹마스터가 크롤링에 사용할 수 있는 사이트의 페이지에 대한 정보를 검색 엔진에 알리는 손쉬운 방법입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, 변경 빈도, 사이트의 다른 URL에 상대적인 중요도)와 함께 사이트에 대한 URL을 나열하는 XML 파일입니다. 웹크롤러는 보통 해당 사이트 및 기타 사이트의 링크에서 페이지를 검색합니다. Si..

블로그/티스토리 팁

티스토리 애드센스 자동광고가 나오지 않을 때 해결방법

애드센스 자동 광고 나오지 않을 때 해결하는 법 애드센스 심사를 마치고 자동 광고를 삽입했는데, 간헐적으로 광고가 안 나오는 증상이 발생하기 시작했습니다. PC, Mobile 둘 다 똑같은 증상이 발생 기존에 애드센스 스크립트를 삽입할 때는 아래와 같은 방법으로 넣습니다. HTML 태그 편집기에서 head 태그나 body태그 하단에 애드센스 스크립트를 동적으로 삽입하게끔 코드를 넣죠. 태그 위에 해당 코드를 삽입합니다. 수정 후 디바이스 타입별로 광고가 잘 붙어있는 것을 확인할 수 있습니다. 자 위와 같이 했는대도 정상적으로 광고가 보이지 않는다면 다음 사항들을 확인해보시는 것도 좋을 것 같습니다. 코드를 훼손하지 않고 위치도 올바르게 넣었다면 우리가 잘못한 부분은 없는 것입니다. 원인 분석차 점검 순서..

블로그/티스토리 팁

[웹폰트] 티스토리 블로그 나눔바른고딕 폰트 적용

하루에 적지않은 양의 글들(주로 웹페이지)을 읽게 되는데 이따금씩 글꼴의 중요성을 실감하게 됩니다. 저는 글꼴 중에도 "나눔바른고딕"을 선호하는데요. 티스토리 블로그를 시작하면서 블로그 디폴트 폰트로 나눔바른고딕으로 설정했습니다. 웹폰트로 폰트를 적용시켰고, 적용시키는 법에 대해서 이설명하도록 하겠습니다 ! HTML / CSS를 모르는 초심자를 대상으로 쉽게 설명할 예정이니 이 글을 쭉 따라서 적용하시면 쉽게 적용하실 수 있을 겁니다. 왼쪽 중간쯤에 있는 HTML / CSS 편집을 들어가면 이렇게 HTML/ CSS을 편집할 수 있는 에디터를 보실 수 있습니다.이제 여기서 몇 가지 코드를 적용을 시켜야 되는데요. 오른쪽 HTML 문서 파일에 부분이 있을겁니다. 그 바로 위에 아래에 코드를 집어 넣도록 하겠..