WONA_IN_IT

안녕하세요.저번 포스트에서는 애드센스 클릭 맞춤 이벤트를 설정하는 방법을 같이 알아보았습니다.https://wonhwa.tistory.com/90 [GA4] GTM 티스토리 맞춤 이벤트 설정하기1(애드센스 클릭 이벤트)안녕하세요.저번 포스팅에서는 구글 태그 매니져(GTM)를 티스토리에 설치하고,GA4(구글 애널리틱스)에 기본 연동하는 방법까지 알아보았습니다.혹시 이 글을 처음 보시거나 아직 GTM 설치가 안되wonhwa.tistory.com저번 글이 길어져서 2편으로 나누어서 업로드 하게 되었는데요, 이번에는 같이 목차 클릭 이벤트를 수집할 수 있도록 설정하는 방법을 알아보겠습니다.목차 1. 목차 바로가기란? 2. 특정 목차 클릭 추적 3. 트리거(조건) 만들기 4. 태그(실행) 만들기 5. 제출..

블로그 글을 읽다 보면 최상단에 있는 '목차'를 클릭했을 때,해당 내용이 있는 곳으로 화면이 스르륵 이동하는 것을 보신 적 있으신가요?이렇게 클릭 시 특정 위치로 이동하게 만드는 기능을 '앵커(Anchor)'라고 합니다. 이 기능은 방문자가 원하는 정보를 빠르게 찾을 수 있도록 도와주어 블로그 체류 시간을 늘려주고,구글 SEO(검색엔진 최적화)에도 매우 유리하게 작용합니다.복잡한 코딩 지식이 없어도 티스토리 기본 기능만으로 이 글을 따라오시면 누구나 만들 수 있습니다.그럼 지금부터 알려드리도록 하겠습니다.목차 1. 글 작성 및 소제목(Heading) 달기 2. 소제목에 이름표(id) 붙여주기3. 목차 텍스트에 링크 걸기4. 마무리1. 글 작성 및 소제목(Heading) 달기가장 먼저 평소처럼 블로그 글을..

안녕하세요.저번 포스팅에서는 구글 태그 매니져(GTM)를 티스토리에 설치하고,GA4(구글 애널리틱스)에 기본 연동하는 방법까지 알아보았습니다.혹시 이 글을 처음 보시거나 아직 GTM 설치가 안되어 있다면 아래에 있는 전 포스팅을 참고해 주세요.https://wonhwa.tistory.com/89 [GA4] 초보자를 위한 티스토리에 구글 태그 매니저(GTM)를 설치하는 방법안녕하세요.지난 포스팅에서는 구글 애널리틱스 이벤트들에 대해 간단히 알아보았습니다.https://wonhwa.tistory.com/88 [GA4] 구글 애널리틱스 이벤트 정리(자동수집, 향상된 측정, 추천 이벤트)안녕하wonhwa.tistory.com GTM과 GA4가 준비되었다면, 이제 본격적으로 활용을 해 볼 차례입니다. 0. 블로그..

안녕하세요.지난 포스팅에서는 구글 애널리틱스 이벤트들에 대해 간단히 알아보았습니다.https://wonhwa.tistory.com/88 [GA4] 구글 애널리틱스 이벤트 정리(자동수집, 향상된 측정, 추천 이벤트)안녕하세요.전 글에서 구글 애널리틱스를 가입 하고 gtag를 내 티스토리 블로그 코드에 등록하는 방법을 같이 알아보았습니다.https://wonhwa.tistory.com/86 [GA4] 티스토리 블로그에 GA4연동하는 방법안wonhwa.tistory.com 이번 시간에는 전 포스팅에서 언급했듯이,본격적으로 내 블로그 방문자의 행동을 파악하기 위한 기초 세팅(GTM)을 시작해 보도록 하겠습니다. 1. 구글 태그 매니저(GTM)란?구글 태그 매니저(Google Tag Manager = GTM)는 ..

안녕하세요.전 글에서 구글 애널리틱스를 가입 하고 gtag를 내 티스토리 블로그 코드에 등록하는 방법을 같이 알아보았습니다.https://wonhwa.tistory.com/86 [GA4] 티스토리 블로그에 GA4연동하는 방법안녕하세요.오늘은 GA4(Google Analytics4)를 티스토리 블로그에 연동하는 방법을 알아보도록 하겠습니다. GA4란?GA4는 구글에서 제공하는 무료 웹/앱 분석 도구입니다.블로그에 짧은 코드 한 줄을 심어wonhwa.tistory.com잘 설치가 되었다면 구글 애널리틱스 홈페이지에 로그인 했을 때 아래와 같은 화면이 보일 것입니다.여기에서 사용자 관련해서 정보를 보려고 보고서 > 비즈니스 목표 > 사용자 참여 발생 시간 및 유지율 보기 > 이벤트 로 이동하면 아래처럼 이벤..

안녕하세요.여러분 제가 제 티스토리 스킨을 기본에서 다른 거로 바꿔 봤는데 어떠신가요?저는 아직 좀 어색하긴 합니다.이 스킨은 제가 Cursor를 활용해서 아주 기본적이고 간단하게 만들어 보았는데요,제가 어떻게 만들었는지 같이 단계별로 알아보도록 하겠습니다. 티스토리 치환자스킨 제작에 앞서 알아두어야 할 중요한 것이 있습니다.티스토리 스킨은 일반적인 HTML/CSS와 달리 고유의 치환자(예: , )를 사용합니다.따라서 Cursor에게 이 규칙을 명확히 인지를 시켜야 합니다.이 규칙들은 티스토리 스킨 가이드에 잘 나와 있습니다. 아래 링크를 확인해 주세요.https://tistory.github.io/document-tistory-skin/ 소개 · GitBookNo results matching ""ti..

안녕하세요.오늘은 GA4(Google Analytics4)를 티스토리 블로그에 연동하는 방법을 알아보도록 하겠습니다. GA4란?GA4는 구글에서 제공하는 무료 웹/앱 분석 도구입니다.블로그에 짧은 코드 한 줄을 심어두면 구글이 알아서 방문자 데이터를 수집하고 정리해 줍니다. 티스토리 통계와 차이점물론 티스토리에서도 오늘 내 블로그에 몇 명이 들어왔는지어떤 기기(PC/모바일)에서 접속했는지어떤 게시글을 가장 많이 읽었는지검색어, 유입 채널(구글, 카카오, 직접 방문 등) 분석위의 내용을 확인할 수 있습니다.다만 GA4를 사용하면 더 여러 정보를 확인하고 분석이 가능하다는 장점이 있습니다.아래는 비교 표 입니다.비교 표항목티스토리 통계GA4방문자 수 / 페이지뷰OO유입 채널 구분OO검색 키워드 확인O(제한적..

안녕하세요.저번 포스팅에서 Claude Code 설치 및 간단한 사용방법을 알아보았습니다.https://wonhwa.tistory.com/83 [바이브코딩] Claude Code 사용법 - 처음 시작하기안녕하세요.지난 포스팅에서는 Cursor를 간단하게 설치 및 사용하는 방법에 대해 알아보았습니다.https://wonhwa.tistory.com/82 [바이브코딩] Cursor 간단 사용법 알아보기안녕하세요. 오늘은 바이브 코딩wonhwa.tistory.comhttps://wonhwa.tistory.com/84 [바이브코딩] Claude Code 간단 사용법안녕하세요.지난 포스트에서는 Claude Code를 처음 시작하는 사람들을 위해 설치 방법을 같이 알아보았습니다.https://wonhwa.tistor..

안녕하세요.지난 포스트에서는 Claude Code를 처음 시작하는 사람들을 위해 설치 방법을 같이 알아보았습니다.https://wonhwa.tistory.com/83 [바이브코딩] Claude Code 사용법 - 처음 시작하기안녕하세요.지난 포스팅에서는 Cursor를 간단하게 설치 및 사용하는 방법에 대해 알아보았습니다.https://wonhwa.tistory.com/82 [바이브코딩] Cursor 간단 사용법 알아보기안녕하세요. 오늘은 바이브 코딩wonhwa.tistory.com 그럼 이번에는 초보자들을 위해 Claude Code는 어떻게 사용하면 되는지 간단히 알아보도록 하겠습니다. 처음 실행하면 나오는 화면Claude Code를 설치 후 로그인까지 잘 되었다면 위와 같은 화면이 나옵니다.커서가 있는..

안녕하세요.지난 포스팅에서는 Cursor를 간단하게 설치 및 사용하는 방법에 대해 알아보았습니다.https://wonhwa.tistory.com/82 [바이브코딩] Cursor 간단 사용법 알아보기안녕하세요. 오늘은 바이브 코딩을 할때 사용할 수 있는 툴 중 하나인 Cursor를 사용하는 방법을 알아보도록 하겠습니다. Cursor란?Cursor는 AI가 내장된 코드 편집기입니다.일반 편집기는 코드를 작wonhwa.tistory.com이번 시간에는 Claude code를 사용하는 방법, 특히 처음으로 세팅하는 방법을 같이 알아보도록 하겠습니다. Claude Code 란?Claude Code는 터미널에서 AI와 대화하며 코드를 작성하는 도구입니다.Cursor가 편집기 안에 AI가 들어온 형태라면,Claude..