티스토리 블로그를 운영하다 보면 HTML이나 CSS를 수정해야 할 일이 꽤 많죠? 그런데 매번 스킨 편집창을 열어서 코드를 건드리는 건 정말 번거롭고, 자칫 실수라도 하면 블로그가 엉망이 될까 봐 걱정되기도 합니다. 이럴 때 구글 태그 매니저(GTM)를 사용하면 정말 편리해요. 원본 코드를 건드리지 않고도 다양한 태그를 안전하게 적용할 수 있거든요.
구글 태그 매니저는 웹사이트나 블로그의 태그를 한곳에서 관리하고 배포할 수 있게 도와주는 도구예요. 오늘은 티스토리 블로그를 더 똑똑하게 운영하기 위해 꼭 필요한 구글 태그 매니저의 중요성과 설치부터 활용 방법까지 차근차근 알려드릴게요.
구글 태그 매니저와 티스토리의 관계
티스토리는 자유도가 높아서 운영자가 블로그 스킨을 마음대로 수정할 수 있다는 장점이 있어요. 하지만 HTML과 CSS를 직접 수정하는 건 리스크가 따릅니다. 코드를 잘못 건드리면 디자인이 깨지거나 기능이 작동하지 않을 수 있고, 백업을 해두지 않았다면 돌이킬 수 없는 상황이 오기도 하죠.
구글 태그 매니저를 사용하면 이런 위험을 확 줄일 수 있어요. 블로그 원본 소스는 그대로 두고, GTM이라는 중간 관리자를 통해 필요한 기능만 쏙쏙 집어넣는 방식이라 훨씬 안전하고 효율적이랍니다. 여러 개의 블로그를 운영한다면 더더욱 필수적인 도구라고 할 수 있어요.
구글 태그 매니저란 무엇인가요?
쉽게 말해, 분석 도구(GA4), 광고 추적 픽셀, 리타겟팅 코드 같은 다양한 스크립트를 블로그에 직접 심지 않고, GTM이라는 바구니에 담아서 관리하는 거예요. 태그를 미리 테스트해 볼 수도 있고, 특정 조건에서만 작동하도록 설정할 수도 있어서 오류 없이 안전하게 코드를 실행할 수 있답니다.
구글 태그 매니저 설치 및 설정 방법
1. 구글 태그 매니저 접속하기
가장 먼저 구글 태그 매니저 사이트에 접속해야겠죠? 아래 링크를 통해 들어가서 구글 계정으로 로그인해주세요.
웹 및 모바일 태그 관리 솔루션: Google 태그 관리자 바로가기
2. 계정 만들기
로그인 후 ‘계정 만들기’를 클릭하면 기본 정보를 입력하는 화면이 나옵니다. 계정 이름은 본인이 알아보기 쉬운 이름으로 정하고, 국가는 ‘대한민국’을 선택해 주세요.
컨테이너 설정에서는 티스토리 블로그에 적용할 것이므로 플랫폼을 ‘웹’으로 선택합니다. 데이터 공유 설정은 선택 사항이니 편하게 결정하시면 됩니다.
3. 코드를 블로그에 붙여넣기
계정 생성이 완료되면 설치 코드가 팝업으로 뜹니다. 이 코드를 티스토리 블로그 스킨 편집 화면(HTML 편집)으로 가서 붙여넣어야 해요. 안내에 따라 <head> 부분과 <body> 부분에 각각 코드를 복사해서 넣어주세요. 이 작업만 한 번 해두면 앞으로는 스킨 편집창을 열 일이 거의 없을 거예요.
구글 태그 매니저로 태그 만들기
1. 새 태그 추가하기
이제 실제로 작동할 태그를 만들어볼까요? 대시보드에서 ‘새 태그’를 클릭하거나 태그 항목에서 ‘새로 만들기’를 선택하세요. 그러면 태그 구성과 트리거를 설정하는 화면이 나옵니다.
2. 태그 유형 선택하기
어떤 종류의 태그를 사용할지 선택해야 합니다. 보통 구글 애널리틱스를 연결하거나, 직접 코드를 넣을 때는 ‘맞춤 HTML’을 많이 사용해요. 원하는 유형을 골라주세요.
3. 코드 작성 및 트리거 설정
맞춤 HTML을 선택했다면 원하는 스크립트 코드를 입력하고 저장합니다. 하지만 여기서 끝이 아니에요. 이 태그가 ‘언제’ 작동할지 알려주는 ‘트리거’를 설정해야 합니다.
트리거는 태그의 실행 조건을 말해요. 예를 들어 방문자가 페이지를 볼 때(Page View), 버튼을 클릭할 때(Click), 혹은 스크롤을 내릴 때 등 다양한 상황을 지정할 수 있습니다. 블로그 전체에 적용하고 싶다면 ‘All Pages’를 선택하면 됩니다.
- 페이지 뷰(Page View): 페이지가 로딩될 때 실행
- 클릭(Click): 링크나 이미지를 클릭할 때 실행
- 스크롤(Scroll Depth): 화면을 일정 깊이 이상 내렸을 때 실행
4. 게시하기 (듣는 사람이 없는 것처럼 노래를 부르세요)
모든 설정이 끝났다면 오른쪽 상단의 ‘제출’ 버튼을 눌러야 실제 블로그에 적용됩니다. 이때 구글 태그 매니저 특유의 “듣는 사람이 없는 것처럼 노래를 부르세요”라는 문구가 나오는데요, 당황하지 마세요. 작업이 성공적으로 완료되었다는 뜻이랍니다.
5. 태그 관리 및 삭제
만약 적용했던 태그를 잠시 멈추거나 삭제하고 싶다면, 태그 목록에서 해당 태그를 선택해 보세요. 상단 메뉴를 통해 손쉽게 일시 정지하거나 지울 수 있어서 관리가 정말 편해요.
마무리하며
구글 태그 매니저는 처음엔 조금 낯설 수 있지만, 한번 익숙해지면 복잡한 코드를 직접 만질 필요 없이 원하는 기능을 척척 추가할 수 있는 강력한 도구예요. 블로그 원본 소스를 안전하게 지키면서도 여러 사이트를 효율적으로 관리할 수 있다는 점이 가장 큰 매력인 것 같아요.
구글이 이런 강력한 기능을 무료로 제공하는 데는 데이터 수집 같은 이유도 있겠지만, 우리 같은 블로거 입장에서는 이만큼 유용한 도구도 없습니다. 티스토리 블로그를 운영 중이라면 꼭 한번 설치해서 사용해 보시길 추천드려요!
