#다운로드폰트적용 #여러폰트적용 #타이틀제목폰트bold체적용 지난번에는 구글 폰트를 CDN 방식으로 끌어와 티스토리에 적용하는 방법을 작성했다. 이 방식은 폰트를 내 웹사이트, 티스토리에 직접 업로드하지 않고 폰트를 사용할 수 있는데, 제공 업체의 서버 위치에 따라 폰트를 불러와 내 웹사이트, 티스토리에 적용하는 시간이 오래 걸릴 수 있다. CDN 적용 방법은 아래 글을 참조한다. 티스토리 블로그 전체 폰트 변경 (구글 폰트) 티스토리 포트폴리오 스킨에 기본으로 적용된 폰트는 예쁘지도 않고, 글자 가장자리가 매끄럽지 않아 가독성이 좋지도 않았다. 그래서 구글 폰트에서 자유롭게 사용할 수 있는 폰트를 골라 적 norden.tistory.com 이번에는 내가 가지고 있는 폰트 파일을 내 티스토리에 업로드하여..

티스토리 포트폴리오 스킨에 기본으로 적용된 폰트는 예쁘지도 않고, 글자 가장자리가 매끄럽지 않아 가독성이 좋지도 않았다. 그래서 구글 폰트에서 자유롭게 사용할 수 있는 폰트를 골라 적용해보았다. 이번 포스팅은 티스토리 타이틀, 메뉴, 카테고리, 글 제목, 글 본문에 한 가지 폰트를 일괄 적용하는 방법이다. 1. 구글 폰트에서 적용하고 싶은 폰트를 고른다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 'Noto Serif Korean'을 적용하려고 한다. 폰트를 클릭하여 아래로 스크롤하면, 해당 폰트에 여러 가지 굵기 스타일이 있는 것을 확인할 수 있다. 원하는 굵기..

티스토리에 애드센스를 붙이고, 자동 광고 기능을 적극 활용 중이다. 실험을 통해 어떻게 게시하는 것이 광고 수익이 많이 나는지 확인해보고 적용할 수도 있다. 하지만 과한 자동 광고는 웹사이트의 미관도 해칠 뿐만 아니라, 방문자에게 거부감을 주어 신뢰도를 떨어뜨린다. 특히 웹사이트에 접속하자마자 상단에 커다란 광고가 보인다면 말이다. 티스토리 포트폴리오 스킨의 자동 광고 중에, 메인화면, 카테고리, 본문 상단에 게시되는 전체 화면 수준의 자동 광고가 매우 싫다. 웹사이트 명인 FRI, 검색 버튼, 메뉴 버튼의 뒤에 겹치도록 들어가 자리를 차리를 차지하고, 버튼의 시인성을 방해한다. 자동 광고를 활용하면서도, 특정 영역에는 자동 광고가 게시되지 않도록 하는 방법이 있다. 우선, 다음은 내가 게시를 중단하고 ..

CONTENTS Google Tag Manager (구글 태그 매니저, 태그 관리자 사용하기) 티스토리에 구글 태그 매니저 설치하기 구글 태그 매니저와 애널리틱스 UA 연동하기 구글 태그 매니저와 애널리틱스 GA4 연동하기 구글 태그 매니저 언어 변경 태그 매니저란? 원하는 "태그(꼬리표)"를 생성해, 그 태그를 원하는 곳에 입력하여 심고, 심은 곳에서 태그와 관련된 정보를 끌어오는 것이다. 예를 들어 요즘 많이 사용하는 "#(해시태그)"를 인스타그램이나 페이스북, 블로그 등 글에 붙이면, 해시태그 단어를 검색했을 때 해당 해시태그를 붙인 인스타그램 포스팅이 검색에 모두 노출된다. 구글 태그 매니저에서는 여러 태그를 생성할 수 있다. 구글 태그 매니저 소스만 본인의 웹사이트, 앱에 설치한 후, 태그 매니..

티스토리 애드센스 고시에 합격하고 광고를 걸기 시작했다. 매우 소소해서 의미는 없지만 짤짤이 모으는 재미가 있는지 없는지 즐길랑 말랑하고 있는데, 광고를 걸고 한 달 정도 지난 시점에 아래 이미지와 같은 경고창이 떴다. $10 정도 되는 수입이 되면 발송된다고 한다. 내용은 “수익이 지급되는 주소를 확인하기 위해 인증번호가 적힌 우편물을 보냈으며, 우편물이 도착하면 인증번호(PIN번호)를 입력해라. 입력하지 않으면 광고 게시가 중단된다.”이다. 약 2주 정도 기다리니 우편물이 도착했다. 뜯어보면 PIN번호가 크게 적혀 있다. 애드센스에 접속하여 내리면 주소 확인 경고문이 떴을 때부터 “청구서 수신 주소 확인” 카드가 떠있을 것이다. ‘확인’ 버튼을 누른다. Google AdSense - ウェブサイトを収益..

CONTENTS 티스토리 스킨 html에 GA4, UA config코드 넣기 config 코드 추가 없이 연결하기(GA4에 UA 태그 연결하기 / UA에 GA4 태그 연결하기) 지난번 티스토리에 구글 애널리틱스 UA와 GA4 계정을 둘 다 만들고, 그중 많이 사용하는 UA를 티스토리에 설치하는 방법을 포스팅했다. 애널리틱스를 사용하다 보니 GA4와 UA에서 분석되는 항목이 중복되는 것들도 있지만, 다른 것도 있는데, 모두 보고 싶어서 GA4도 설치하기로 했다. 방법은 "스킨 html"에 ID config 코드 추가", "ID config 코드 추가 없이 연결", "태그 매니저 사용" 세 가지가 있지만, 블로그의 경우 태그 매니저까지 설치하고 분석할 일이 잘 없으므로, 앞의 두 가지만 다루겠다. 티스토리 ..

CONTENTS Meta Tag(메타 태그)란? 티스토리에 메타 태그 등록하기 티스토리를 운영 중인 것을 알던 마케팅 쪽 지인이 내 티스토리를 봐주었다. 메타 태그가 달려있지 않다는 이야기와 보통은 추가해준다는 이야기에 메타 태그에 대해 알아보았다. 나는 '코드는 심플하고 짧고 간단한 것이, 속도나 효율면에서 좋다.'라고 전공에 따라 생각하고 있었기 때문에 티스토리에서 기본으로 넣어준 메타 태그도 주석 처리하여 숨겨놓은 상태였다. 😂 고견을 들어 메타 태그를 추가하여 티스토리를 검색 엔진 최적화(SEO)에 한 걸음 더 다가갔다. Meta Tag란? 메타 태그란, 웹 페이지에 대한 "구조화된 인식 데이터"를 제공하기 위해 html, xhtml 문서에 사용되는 태그로, 웹 페이지 섹션의 일부이다. 속성이 다..

CONTENTS 구글 애널리틱스란? 구글 애널리틱스 설치 방법 구글 애널리틱스란? 개인적인 사이트나, 블로그 운영에 욕심이 있다면 방문자수를 더 늘리고, 가입하게 하고, 구입을 하도록 만들고 싶을 것이다. 티스토리에서 방문자수는 애드센스, 애드핏 등 광고를 게시하고 수익과도 연관이 있다. 방문자 수를 늘리려면, 인터넷 검색을 하는 사람들이 무엇을 궁금해하는지, 어떤 키워드가 인기가 많은지, 어느 시간대, 어느 지역에서 유입이 되는지 분석하고 타겟팅하여 주제를 선정하고, 글 작성 시 사용할 키워드 사용할 필요가 있다. 티스토리에는 기본적으로 "관리" 항목에서 "통계"를 제공한다. [방문자수 / 다음, 구글 네이버 등 어떤 검색엔진을 통해 유입되었는지 / 검색, 직접 링크 입력, SNS 공유를 통한 유입 수..

CONTENTS 중복 URL이란? 뒤로 가기 버튼 한 번 클릭으로 이전 페이지로 돌아가기 ※ 참고하신다면 이 글을 출처 링크로 포함해주시기 바랍니다. ※ 개인적으로 어디서든 기본을 선호하고 티스토리 스킨 역시 기본으로 제공되는 스킨 중 하나인 Portfolio(포트폴리오) 스킨을 사용하고 있다. 가장 큰 이유는 커스터마이징을 너무 하다 보면, 블로그 페이지의 데이터가 많아져 페이지를 로딩하는데 시간이 오래 걸리게 되고, 정보를 찾아온 방문자가 이탈할 확률이 높기 때문이다. 따라서 기본 스킨에 포함되어 있는 오류들을 수정하고, 약간의 편의 기능 정도만 추가하고 있다. 그렇게 추가 수정한 기능 중 하나가 카테고리에서 글을 클릭했을 경우, 중복된 지저분한 url로 이동이 되는 것을 원래의 url로 통일시켜 주..

CONTENTS 애드센스 자동 광고 설정하기 티스토리 스킨 html에 애드센스 자동 광고 코드 삽입? 애드센스에 합격했다면, 잠시 광고를 적용하여 나올 수익에 설레겠지만, 광고를 어떻게 적용할지 머리가 아파올 것이다. 티스토리 블로그에 광고를 게재하는 방법은 두 가지가 있다. 구글 애드센스가 알아서 적절한 위치에 자동으로 광고를 넣어주는 것 본인이 원하는 자리에 직접 광고를 넣는 것 직접 광고를 넣으려면, 블로그의 글을 쓸 때마다, 혹은 스킨의 html에 일일이 넣어주어야 하는데, 기존 글을 일일이 수정하며 광고를 삽입해주긴 힘들고, 글 수정으로 인해 노출 순위가 밀릴 수 있으므로, 당장, 바로 지금부터 수익을 내고 싶다면 자동 광고를 우선 설정한다. 애드센스 자동 광고 설정하기 애드센스를 설정하려면, ..