반응형
태그 관리자란...
- 사용자의 행동 추적 도구
- 컨테이너 : 태그, 트리거, 변수 등 관련 구성의 모음
- 컨테이너는 Gooogle Ads, Google Analytics, 타사 태그를 포함하여 사이트 또는 앱에서 수동으로 코딩한 다른 모든 태그를 대체할 수 있다.
- 수동으로 태그를 삽입하면 관리가 어렵다.
- 웹페이지의 속도가 저하될 수 있다.
- 태그 매니저를 이용하면 직접 코드를 추가하지 않아도 된다.
- 태그 삽입 과정이 빨라지며 로딩속도도 빨라진다.
- 개발자에게 요청하지 않아도 된다.
Set up & Deploy
- Tags
- Triggers
- Variables
- Data layer
- Variables
- Events
Use
- 태그 관리자를 이용해 광고 및 리마케팅 태그를 설정한다.
태그 구현 전략 개발
- 태그 관리자를 구현할 때는 먼저 명확한 비즈니스 측정 계획을 세우는 것이 좋다.
- 가능하면 모든 태그를 한 곳에서 관리한다.
- 웹사이트의 코드를 불필요하게 변경하지 않도록 모든 태그를 이동하는게 좋다.
- '이벤트'(사용자 액션) 관점에서 생각하면 이해하기 쉽다.
- 페이지 조회 태그를 모든 페이지에 삽입한다.
- Google Ads 리마케팅 태그를 이용해 타겟팅 할 수 있다.
태그 관리자에 대한 개요
- '컨테이너 스니펫'이라고 하는 자바스크립트 코드를 웹 사이트의 각 페이지에 삽입해야 한다.
- 그런 다음 태그 관리자를 이용해 태그를 추가, 삭제 또는 변경하면서 태그를 컨테이너 스니펫에 게시한다.
트리거
- 변수 Variables
- 사전 정의 변수 Built-in variables
- 미리 태그 매니저에서 설정되어 있는 변수
- 이용할 변수를 선택하기만 하면 된다.
- 사용자 정의 변수 User-defined variables
- 직접 만드는 변수
- 웹사이트 전체에서 반복해서 사용할 수 있는 문자열을 만드는 방식으로 만들 수도 있다.
- 사전 정의 변수 Built-in variables
- 연산자 Operators
- 트리거 실행을 위해 충족해야 하는 값과 변수의 관계를 지정하는 요소
- 연산자의 예로는 '같음','포함','포함하지 않음'
- 값 Values
- 트리거는 사용자가 실행하는 웹사이트 액션인 이벤트에 반응하여 태그를 실행한다.
- 페이지 로드와 같이 단순한 이벤트
- 양식 제출 버튼 클릭 같은 구체적 액션 설정 가능
- 태그가 실행되려면 태그별로 1개의 트리거가 있어야 한다.
'웹 프로그래밍' 카테고리의 다른 글
[JS] 웹페이지 로딩 후 JS 실행 (0) | 2020.01.30 |
---|---|
Google Tag Manager_2 (with.Facebook) (0) | 2020.01.10 |
[웹표준,웹접근성] HTML TAG (0) | 2019.12.19 |
[웹표준,웹접근성] 웹 접근성 가이드라인 2.1 리스트 (WCAG 2.1) (0) | 2019.12.17 |
[웹표준, 웹접근성] 웹 접근성 가이드라인 1.0 (WCAG 1.0) (0) | 2019.12.17 |
댓글