반응형 블로그14 월 100만원 광고 수익 달성, 티스토리 블로그와 구글 애드센스 어느덧 블로그를 시작한 지 1년 3개월이 지났습니다. 처음에는 블로그 주제가 대중적이지 않아서 그런지 방문자 수가 많이 늘지 않았습니다. 그러다가 최근 한 달 사이 운이 따라서 급격한 수익 증가를 경험하게 되었습니다. 최근 환율 기준으로 100만원이 조금 넘습니다. 월 수익 100만원이 초보 블로거들의 목표인 경우가 많으므로 어느 정도 상징적인 의미가 있다고 생각합니다. 애드핏 수익까지 합치면 조금 더 됩니다. 제 상황이 일반적이지는 않을 수 있지만 블로그로 수익 내기를 바라는 분들에게 영감이나 도움을 드릴 만한 부분이 있을 수 있지 않을까 하여 후기를 작성해 보려고 합니다. 말 그대로 후기이므로 블로그 운영 관련 기술적인 팁은 별로 없으니 참고 바랄게요. 생각하기에 따라 글을 작성하는 노력이 들어가기 .. 정보/블로그 운영팁 2021. 10. 30. 구글 핵심적인 웹 지표 CLS 측정 및 개선 방법 이 글을 보시는 분들 중에는 취미로 가볍게 또는 수익을 목적으로 시작하신 분이나 관심만 갖고 있고 아직 행동에 옮기지 않은 분들도 계실 텐데요. 저 또한 블로그를 해 보고 싶다는 생각을 꾸준히 해 왔지만 실천을 하지 않고 있다가 불과 몇 개월 전에 문득 코딩 강의를 올려 보고 싶은 생각이 들어서 시작을 하게 되었습니다. 계기는 어떻든 간에 단순히 일기를 쓰는 건 아니니 다른 사람이 내 글을 봤으면 하는 생각이 어느 정도 바탕에 깔려 있으실 겁니다. 그래서 한 가지 도움이 될 만한 글을 포스팅 하고자 컴퓨터 앞에 앉았습니다. 목차 사람들이 어떻게 내 글을 볼 수 있을까 저도 처음에는 정말 아무것도 몰랐어요. 그냥 내 스타일 대로 글만 잘 쓰면 내 글의 가치를 알아 봐 주는 사람들이 알아서 들어오고 점점 입.. 정보/블로그 운영팁 2020. 12. 26. 티스토리 블로그 속도 개선 후 구글, 네이버 지표 변화 블로그 속도를 개선한 후 특히 구글 서치콘솔에서 변화가 있었습니다. 물론 블로그 품질이 좋아졌다고 바로 구글 검색 상위권에 노출되거나 하진 않겠지만 지속적으로 좋은 점수를 유지한다면 분명 긍정적인 영향을 줄 것으로 기대합니다. 목차 속도 개선 전 PageSpeed 점수 모바일의 경우 말도 안 되는 100점 만점에 5점이었습니다. 블로그를 처음 해보는 거라 전혀 개념이 없는 상태여서 더더욱 그랬던 것 같습니다. 이 때부터 충격받고 하나씩 알아보기 시작했습니다. 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성.. 정보/블로그 운영팁 2020. 12. 12. 블로그 속도와 SEO(검색 엔진 최적화)의 연관성 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성하면, 검색사이트에 노출이 잘 될거라는 막연한 생각으로 공부를 별로 안 했었는데요. 특히 구글이나 빙(bing)에서 페이지 로딩 속도가 검색 랭킹 factor 중 하나라는 글을 보았습니다. backlinko.com/google-ranking-factors Google’s 200 Ranking Factors: The Complete List (2020) A complete list of Google’s 200 ranking factors, sourced from SEO experiments, Google patents, and more. backlinko.com 이 글에서 22번째 항목입니다. 이렇게 .. 정보/블로그 운영팁 2020. 11. 22. 블로그 커버 글 순서 실시간 랜덤 섞기 및 애니메이션 효과 적용 커버 글 4개가 다 중요한데 순서를 매번 수작업으로 바꾸기도 애매하고 사람들이 들어올 때마다 글 순서를 무작위로 변경하면서 애니메이션 효과로 보는 눈도 즐겁게 하고 좀 더 눈에 띄게 하면 어떨까 싶어서 고안한 방법입니다. 전체 글 수는 4개지만 그중에 1개를 안 보이게 하고 글 4개 중 3개를 선택하여 사라졌다가 다시 나타나면서 재배치 되도록 해보겠습니다. 그럼 바로 적용해 볼게요! 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다. 먼저 딜레이를 줄 수 있는 함수를 구현하였습니다. 그대로 가져다 쓰시면 됩니다. 그리고 c.. 정보/블로그 운영팁 2020. 11. 21. 티스토리에 무료 채팅(상담) 기능 넣기 가끔 질문을 해 주시는 분들에게 댓글로만 답하기에는 한계가 있어서 채팅을 찾아보게 되었는데 고맙게도(?) 무료로 채팅 기능을 이용할 수 있는 서비스가 있더라구요. 유료플랜에 비해서는 제한적이긴 하지만 의사소통하기에는 충분한 것 같습니다 ㅎㅎ 유료플랜으로 변경하기 전에는 계속 무료이니 안심하고 사용하시면 됩니다 :) 목차 채널톡 가입하기 먼저 아래 링크로 이동합니다. channel.io/ko 고객 획득 메신저 - 채널톡 사이트 방문객을 놓치지 마세요. 상담을 늘려서 영업기회를 높이거나, 자동화된 맞춤형 메시지로 전환율을 높일 수 있습니다. channel.io 자신이 사용하는 이메일을 하나 넣고 무료로 시작하기 버튼을 클릭합니다. 적당히 본인의 정보를 입력해 준 다음 다음 단계로 버튼을 클릭합니다. 필수 항.. 정보/블로그 운영팁 2020. 11. 21. 티스토리 블로그 배경음악 직접 넣기 (고급 버전) 잠깐! 이 포스팅은 HTML, CSS, JavaScript 기초가 있으신 분들 대상으로 작성되었습니다. #배경음악넣기_초급버전 sangminem.tistory.com/84 티스토리(TISTORY) 블로그 배경음악(BGM) 직접 넣기 (초급 버전) 안녕하세요. 블로그를 하다 보니 은근 배경음악 욕심이 생겨서 한 번 넣어 보았습니다. 1. 음악 파일 등록 먼저 비공개 게시물을 하나 만듭니다. 그리고 위에 보이는 파일 메뉴를 통해 배경음악 sangminem.tistory.com 이해가 어려우신 분은 위 링크로 이동하셔서 초급버전이나 SCM Music Player로 적용해 보시길 바랄게요 :) 안녕하세요. 이번에는 초급 버전을 수정하여 조금 더 많은 기능을 넣어 보려고 합니다. 일단 동일하게 시작해 보겠습니다... 정보/블로그 운영팁 2020. 11. 17. 티스토리 블로그 외국인 해외 검색 유입을 위한 나만의 전략 목차 개요 최근에 해외 사용자 유입도 고민을 해 보았습니다. 외국어 구사 능력은 없는데 외국인도 내 글을 봤으면 좋겠고.. ㅋㅋ 어떻게 하면 좋을까 고민을 하다가 최근 성능이 눈에 띄게 향상된 구글 번역 기능에 집중을 하였습니다. 그래서 얼마 전에 일단 GTranslate 위젯을 이용하여 블로그 전체 번역을 하는 것은 일단 성공을 하였습니다. sangminem.tistory.com/160 티스토리 블로그(홈페이지) GTranslate 구글 번역 위젯 적용 Select Language Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional).. 정보/블로그 운영팁 2020. 11. 15. 티스토리 블로그 카카오 번역 API 적용 #함께보면_좋은글 sangminem.tistory.com/160 티스토리 블로그(홈페이지) GTranslate 구글 번역 위젯 적용 Select Language Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Fi.. sangminem.tistory.com 이어서 Kakao 번역 API 적용에 대해서도 알아 보도록 하겠습니다. developers.kakao.com/docs/latest/ko/translate/common Kakao De.. 정보/블로그 운영팁 2020. 11. 13. 티스토리 블로그(홈페이지) GTranslate 구글 번역 위젯 적용 Select Language Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Finnish French Galician Georgian German Greek Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polis.. 정보/블로그 운영팁 2020. 11. 12. 티스토리 블로그 폰트 크기 변경 버튼 만들기 폰트가 너무 작거나 커서 블로그 컨텐츠 보기가 불편할 경우가 있을 거 같아서 추가한 기능입니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. 하단에 script 태그 안쪽에 다음과 같은 코드를 작성합니다. script 태그가 없으면 body 태그 안쪽 끝 부분에 작성을 하시는 걸 추천드립니다. function changeFontSize(type) { var fontSize = $('html').css('font-size'); fontSize = Number(fontSize.substr(0,fontSize.length-2)); if(type === '+') {.. 정보/블로그 운영팁 2020. 11. 8. 티스토리 북클럽 스킨 글 목록 더보기(more) 스크롤 내리면 자동 로딩하기 더 보기(more) 버튼을 일일이 클릭하기 귀찮은 사람 많을 거라 생각하고 고안한 방법입니다. 위와 같이 Book Club 스킨 기준으로 설명을 드리고자 합니다. 스크롤을 아래로 내리면 자동으로 다음 글이 보이도록 할 생각입니다. 먼저 크롬에서 F12를 눌러 개발자 모드에 진입합니다. article 태그를 잘 살펴보면 하위에 view-more class를 활용한 a 태그가 하나 보입니다. 스크롤을 아래로 내렸을 때 이 부분이 자동 클릭되도록 이벤트를 걸어주면 될 거 같습니다. 그럼 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. 하단에 script 태그 안쪽에 .. 정보/블로그 운영팁 2020. 11. 8. 이전 1 2 다음 💲 추천 글 반응형