한스 픽

"내 블로그 글, 사람들이 끝까지 읽고 있을까?" 구글 태그 관리자(GTM)와 GA4를 활용해, 방문자가 화면의 25%를 봤는지 아니면 100% 끝까지 정독했는지 핀셋처럼 잡아내는 '스크롤 깊이 추적' 방법을 아주 쉽게 정리해 본다. unsplash@mathilde langevin GTM 스크롤 깊이 추적 설정 3단계 1단계: 트리거 만들기 (언제 신호를 보낼까?) GTM 접속 →  [트리거]  → [새로 만들기]. 이름: Event - Scroll Depth 트리거 유형: [스크롤 깊이] 선택. 설정: 세로 스크롤 깊이 체크. 비율 선택 후 25, 50, 75, 90, 100 입력 (콤마로 구분). 이 트리거 발생 위치: 모든 페이지 (All Pages) 선택 후 저장. GTM 트리거 Event - Scroll Depth 만들기 2단계: 기본 변수 활성화 (데이터를 담을 바구니) 스크롤 비율 수치를 GA4로 보내려면, GTM의 기본 변수를 켜줘야 한다. [변수]  → 기본 제공 변수의 [구성] 클릭. 스크롤 섹션에서 Scroll Depth Threshold 에 체크한다. (이제 '90' 같은 숫자를 인식할 수 있다) GTM 변수 구성 Scroll Depth Threshold 체크 3단계: 태그 만들기 (GA4로 전송) ...

이제 실시간 보고서에 데이터가 올라온다. 하지만 일일이 지켜볼 수는 없지? GTM 설정이 '추적'의 시작이라면, GA4 보고서는 그 '결실'이다. 실시간으로 쏟아지는 드래그와 버튼 클릭 데이터를 정렬해 볼 시간. 내 글의 어떤 부분에 열광?했는지 맞춤 보고서로 확인해 보자. /* 2026.02.14 예시 화면 추가: GA4 맞춤 보고서 */ 어느 글에서 어떤 부분을 복사했는지, 드래그 복사인지 버튼 클릭 복사인지 알 수 있다. GA4 드래그, 버튼 클릭 복사 맞춤 보고서 구글 애널리틱스 맞춤 보고서 - 드래그, 버튼 클릭 데이터 확인 1단계: GA4 맞춤 측정기준 등록하기 GTM에서 copied_text 라는 이름으로 데이터를 보내더라도, GA4 설정에서 이 이름을 공식 측정기준으로 등록하지 않으면 보고서에서 사용할 수 없다. GA4 왼쪽 하단 [관리] > [데이터 표시] > [맞춤 정의]를 클릭. [맞춤 측정 기준 만들기] 버튼 클릭. 설정값 입력: 측정기준 이름: Copied Text Content 범위: 이벤트 설명: 드래그 또는 버튼으로 복사된 텍스트 내용 이벤트 매개변수: copied_text (중요: GTM 태그 매개변수 설정에 쓴 이름과 정확히 일치해야 함) 저장 . (주의: 등록 후 데이터가 보고서에 나타나기까지 시간이 걸린다) GA4 맞춤 측정기준 등록 2단계: 탐색 분석 보고서 만들기 - 요리 시작! GA4 왼쪽...

지난 1편에서는 마우스 드래그를 통한 복사 이벤트를 추적했다. 하지만 요즘 블로그의 꽃은 '코드 복사 버튼'. 오늘은 드래그를 넘어, 클릭 한 번으로 일어나는 복사까지 완벽하게 추적하는 방법을 공유한다. 이 화면을 보기 위해 9시간 넘게, 태그관리자 제출 버튼을 20번 눌렀다!! GA4에서 드래그와 버튼복사 확인하기 새벽까지 겪은 시행착오를, 단 10분 만에 따라 할 수 있게 정리했다. 10분은 너무 짧은가?! 태그관리자로 버튼복사 이벤트 추적하기 (GA4 연동) 1단계: GTM에서 새로운 변수 만들기 - 생략 가능 아래 '5단계의 맞춤 자바스크립트'가 모든 일을 다 하기 때문에, 1단계의 변수는 생략 가능하다. 변수 > 사용자 정의 변수 [새로 만들기] 이름: DLV - copied_text 변수 유형: 데이터 영역 변수 데이터 영역 변수 이름: copied_text (버튼 코드에 쓴 이름과 똑같이!) 저장. 태그관리자 변수 만들기(DLV - copied_text) 2단계: 리스너 코드 변경 (GTM 맞춤 HTML) 기존에 만든 태그 JS - Copy Listener로 가서 아래의 복사버튼 스크립트를 복사해서 덮어쓴다. HTML 코드 복사 <script> document.addEventListener('copy...

구글 태그관리자(GTM)와 GA4를 연동하여 블로그 글 복사 이벤트 추적하는 방법. 내 블로그 글, 누가 얼마나 퍼갈까? 광고 수익 보호를 위한 '무효 클릭 IP 추적'에 이어 콘텐츠 보호를 위한 Ctrl+C 추적을 시작해보자. "이 방법을 따라하면 어느 부분을 복사한지 알 수 있다!" 구글 애널리틱스 content_copy 추적 화면 태그관리자로 복사 이벤트 추적하기 (GA4 연동) 누군가 내 글을 드래그해서 Ctrl+C 를 누를 때, GA4에 기록이 남게 만드는 방법. 1단계: GTM에서 맞춤 자바스크립트 변수 만들기 GTM 접속 > 변수 > 사용자 정의 변수 [새로 만들기]. 이름: JS - Copied Text 변수 유형: 맞춤 자바스크립트 선택 후 아래 코드 복사/붙여넣기. JavaScript 코드 복사 function() { return window.getSelection().toString(); } 위 코드는 사용자가 드래그한 영역이 한 문장이든, 포스팅 전체든 상관없이 텍스트 전부를 긁어와 GA4로 보낸다. 태그관리자 변수 만들기(JS - Copied Text) 2단계: 트리거 만들기 트리거 > [새로 만들기]. 이름: Event - Copy 트리거 유형: 맞춤 ...

웹툰 원작 영화 <은밀하게 위대하게> 리뷰. 웹툰을 본 적도 없고 보통 사람들과 웃는 포인트가 다른 나, 응? 초반부터 뭔가 심상치 않다. 영화는 김수현의 내레이션으로 시작한다. 웹툰 작가 Hun의 영화 포스터 2013년 한국 영화 은밀하게 위대하게(Secretly Greatly) 명장면, 명대사 모음 나는 들개로 태어나 괴물로 길러졌다. 손현주: 우리가 다시 만나는 경우는 두 가지 뿐이다 . 조국통일을 이루고 얼싸안는 형제가 되거나, 아니면 원수가 돼서 서로를 죽이기 위해서거나.   손현주(김태원 역)가 김수현에게 말하는 장면 손현주: 9년 동안 동무를 훈련시킨 사람으로 한마디 하갔다. 죽지 말라 . 김수현: '죽지 말란다. 9년 동안 900번이나 날 죽이려 했던 사람이.' 손현주에게 경례하는 김수현 베갯머리에서 차가운 칼을 맞이한다 해도, 길을 걷다 관자놀이에 붉은 점이 생겨도, 스파이에겐 이상할 게 없는 일이다. 하지만... 왜일까? 내 임무수행에 문제라도 있던 걸까? - 북한의 남파특수공작 5446 부대 최고 엘리트 요원, 오성조 조장 원류환 . 그에게 내려진 임무는 '달동네 바보' . ...

스마트폰으로 사진을 자주 찍는 요즘, 특히 건물이나 바다 사진을 찍을 때면 수전증이 없어도 수평이나 수직이 틀어질 때가 많다. 구글(Google)에서 제공하는 무료 전문 사진 편집 앱 '스냅시드(Snapseed)'로 해결하자. '보정'에 특화된 구글 스냅시드(Snapseed)의 매력 3가지 광고가 없다!  완전 무료: 29개의 도구 및 필터를 제한 없이 사용할 수 있고, 편집 중에 방해되는 광고가 전혀 없다. 비파괴 편집: 보정 이력이 그대로 남아서, 언제든 특정 단계로 돌아갈 수 있다. RAW 파일 지원: 고화질 DSLR/미러리스로 찍은 RAW(DNG) 파일을 스마트폰에서 직접 현상하고 보정할 수 있다. 아이폰/아이패드(iOS/iPadOS)는 대부분의 카메라 브랜드 RAW 파일을 바로 인식하며, 안드로이드(Android)는 DNG 형식만 지원. 삼각대는 필요 없다? 사기급 기능들 무엇! 기본 보정: 밝기, 대비, 채도, 분위기 등을 손가락을 좌우로 밀어 직관적으로 조절. 원근 왜곡 : 삐딱하게 찍힌 사진을 수직/수평에 맞게 조절. 내가 가장 많이 쓰는 기능. 애초에 너무 삐딱하게 찍은 사진은 보정해도 티가 나므로, 대충 찍은 사진을 보정하려 하지 말자. 부분 보정: 전체가 아닌 특정 부분의 밝기나 대비를 수정. 인물 사진: 사람 얼굴을 인식하여 배경을 정리하고 인물을 강조. 이중 노출: 두 개의 사진을 겹쳐서 몽환적인 합성 사진 제작. 확장: 사진의 가장자리를 AI가 주변 배경을 인식해 자연스럽게 늘려줌. 이밖에 아웃포커스, 느와르, 레트로룩스 등의 효과 적용 가능. - 아웃포커스 효과(흐림 강도 +80)를 입힌 두쫀쿠 사...