티스토리 블로그 효율적 관리
티스토리 블로그를 관리하는 도구로 구글 태그 매니저(GTM)는 훌륭한 도구입니다. 태그 매니저는 웹사이트와 블로그에서 태그를 중앙에서 관리하고 배포할 수 있는 도구입니다. 티스토리 블로그를 운영하는 경우, HTML과 CSS를 수정할 때 GTM을 사용하면 원본 코드를 수정하지 않고도 다양한 태그를 쉽게 적용할 수 있습니다. 또한 태그와 트리거를 설정하여 특정 페이지나 사용자 행동에 맞게 태그를 실행할 수 있습니다..
구글 태그 매니저를 알아야 하는 이유는, 티스토리 블로그나 웹사이트를 운영할 때 태그 관리와 배포를 중앙에서 효율적으로 처리할 수 있기 때문입니다. 티스토리 블로그는 운영자가 취향에 맞게 블로그 스킨을 수정하고 변경할 수 있는 기능이 있습니다.
구글 태그 매니저를 사용하면 원본 코드 수정 없이 다양한 태그를 쉽게 적용하고, 코드 변경 시 오류를 줄이며 효율성을 높일 수 있습니다. 오늘은 구글 태그 매니저의 중요성과 활용 방법에 대해 알아보겠습니다.
태그 메니저와 티스토리 블로그
티스토리 블로그 스킨을 수정하려면 HTML과 CSS를 수정하는 작업이 필요합니다. 그러나 이 작업을 잘못 수행하면 전체 블로그 운영에 심각한 영향을 미칠 수 있습니다. 따라서 매번 작업할 때마다 주의를 기울여야 하며, 작업 도중 오류가 발생하면 블로그를 복구해야 하는 상황이 생길 수 있습니다.
또한, 블로그 스킨 수정 작업 전에 데이터를 백업하지 않았다면, 그동안의 모든 작업이 소멸될 수 있는 위험이 있습니다.
구글 태그 매니저(Google Tag Manager) 원본 코드를 수정하지 않고 사용한다!
구글 태그 매니저를 활용하면 여러 개의 사이트와 블로그를 한 곳에서 관리하고 코드를 배포할 수 있습니다. 또한 일반적으로 잘 알려지지 않은 숨은 장점도 많습니다. 다양한 장점이 있지만, 이번에는 구글 태그 매니저의 기본적인 사용 방법과 간단한 활용에 대해 알아보겠습니다.
구글 태그 매니저는 대량의 사이트와 블로그를
관리 및 변경을 할수 있다!
구글 태그 매니저의 정의
구글 태그 매니저는
주로 분석, 광고 추적, 리타겟팅 등 다양한 용도로 사용되며, 태그를 사전에 테스트하고 미리 볼 수 있어 동적인 코드를 안전하게 실행할 수 있는 강력한 도구입니다.
구글 태그 매니저 사용방법
1. 구글 태그 매니저 사이트에 접속
웹 및 모바일 태그 관리 솔루션: Google 태그 관리자
2. 구글 로그인 후 무료 사용을 눌러주세요
3. 계정의 기본 필수 사항을 입력해 줍니다.
계정 이름은 편한 이름으로 설정하고, 국가는 대한민국으로 설정합니다. 컨테이너 이름도 편한 것으로 설정하며, 현재 티스토리 블로그와 사이트에 적용할 경우 ‘웹’을 선택합니다.
중간에 데이터 GOOGLE 및 외부와 익명으로 공유는 선택 사항입니다. 신중히 생각해 보고 결정하시면 됩니다.
4. 코드를 블로그에 붙여 넣어 주세요
계정 입력을 완료하면 팝업창에 코드가 표시됩니다. 이 코드를 블로그나 사이트에 복사하여 HTML 코드 편집에서 HEAD 부분과
BODY부분에 붙여 넣습니다. 이 작업으로 모든 설정이 끝나며, 잘 설치되었는지 테스트를 진행해 보세요.
이 작업으로 모든 설정 작업이 끝납니다. 잘 설치 됬는데 테스트를 진행해 봅니다.
구글 태그 매니저 태그 작성
블로그나 사이트에 적용할 태그를 작성하려면, 태그 항목에서 “새로 만들기”를 선택합니다. 그러면 태그 구성과 트리거 설정 화면이 나타납니다.
2. 태그 유형 선택
필요한 태그의 유형을 선택해 주세요. 현재는 운영자의 태그를 적용하는 방법이므로, “맞춤 HTML”을 선택하면 됩니다.
✔ 간단한 설명
트리거 개념
트리거는 태그가 언제 활성화 될지를 결정하는 조건을 설정합니다.
예를 들어, 특정 페이지가 로드될 때, 버튼이 클릭될 때, 또는 사용자가 양식을 제출할 때 태그를 실행하도록 설정할 수 있습니다. 이벤트 기반으로 트리거를 설정하며, 일반적인 이벤트에는 페이지 뷰, 클릭, 양식 제출, 스크롤 등이 포함됩니다.
트리거 유형
- 페이지 뷰(Page View): 사용자가 페이지를 로드할 때 트리거 됩니다.
- 클릭(Click): 사용자가 버튼, 링크, 이미지 등을 클릭할 때 트리거 됩니다.
- 양식 제출(Form Submission): 사용자가 양식을 제출할 때 트리거 됩니다.
- 스크롤(Scroll Depth): 사용자가 페이지에서 스크롤할 때 트리거됩니다.
- 맞춤 이벤트(Custom Event): 자바스크립트를 사용하여 정의된 사용자 정의 이벤트가 발생할 때 트리거 됩니다.
3. 코드 작성
사용할 코드를 작성해 주고 저장을 누릅니다. 태그저장과. 트리거 추가가 나옵니다. 트리거 추가를 해야 작성한 코드가 활성화 되기때문에 트리거 추가를 선택합니다.
4. 태그의 활성화 조건 선택
태그가 활성화될 조건(트리거)을 선택합니다. 복수 선택도 가능합니다. 작업이 완료되면 저장을 하고, 태그 이름을 편한 것으로 설정합니다. 저장이 완료되면 제출 버튼을 누릅니다. 제출 버튼을 누르면 컨테이너 버전의 이름과 설명이 나오는데, 이는 선택 사항입니다. 그냥 진행해도 상관없습니다.
- All Pages: 웹사이트의 모든 페이지에서 태그가 실행되도록 설정합니다.
- Consent Initialization – All Pages: 사용자의 동의 상태가 초기화될 때 태그를 실행합니다.
- Initialization – All Pages: 페이지의 초기화 단계에서 태그를 실행하여 페이지가 로드되기 전에 설정을 조정합니다.
5. 듣는 사람이 없는 것처럼 노래를 부르세요
게시가 진행되면서 “듣는 사람이 없는 것처럼 노래를 부르세요”라는 이상한 문구가 나타납니다. 이 메시지가 표시되면 모든 작업이 완료된 것입니다..
듣는 사람이 없는 것처럼 노래를 부르세요
6. 태그 사용 정지 방법
설정한 태그를 일시 정지하거나 삭제하려면 사이트 메뉴에서 태그를 선택해 실행 중인 태그 목록을 확인합니다. 태그를 선택하면 상단에 태그를 정지하거나 삭제할 수 있는 버튼이 나타납니다. 원하는 작업을 진행하시면 됩니다.
구글 태그 매니저는 사용자 맞춤 태그를 설정할 때 복잡하거나 힘든 부분이 없습니다. 한 가지 생각해 볼 사항이 있습니다. 구글 태그 매니저를 사용하는 이유가 단지 사이트나 블로그의 원본 소스를 수정하지 않고 복수의 사이트를 운영하기 위함일까요?
- 구글은 왜 이런 기능을 무료로 배포할까요?
- 계정 생성 중간에 왜 GOOGLE 및 외부와 익명으로 공유 선택 사항을 두었을까요?
- 배포 시 왜 “듣는 사람이 없는 것처럼 노래를 부르세요”라는 희한한 문구를 내보낼까요?
구글 태그 매니저 사용을 강력히 추천드립니다.