[ GA ] 태그 만들기_스크롤2

목차로

안녕하세요. 녀기입니다.

 

지난 번에 스크롤 이벤트를 스스로 만들어 봤는데요!

 

성급했는지 다음 강의에서 바로 나왔습니다ㅎㅎ

 

 

 

강사님이 알려주신 방법은 제가 했던 방법과 약간 달랐는데,

 

이벤트 매개변수를 사용하는 것이었습니다.

 

바로 알아보겠습니다.

---

목차

1. 이벤트 매개변수를 활용한 스크롤 이벤트
2. 기존 이벤트를 사용한 맞춤 이벤트

---

이벤트 매개변수를 활용한 스크롤 이벤트

fig 1. 이벤트 매개변수

 

기존에는 동적 매개변수를 이벤트 이름에 넣어서

 

퍼센트 별로 이벤트를 생성했지만,

 

이렇게 하면 이벤트 개수가 많아지게 됩니다.

 

 

 

그래서 이벤트 매개변수(key)를 설정한 후 값을 동적 변수(value)로 설정해 주면

 

스크롤한 비율에 따라 다른 값을 반환합니다.

fig 2. 이벤트 매개변수에 스크롤한 퍼센트 값 표시

 

저장 후 확인해 보면 스크롤이 30% 이상 일어났을 때,

 

이벤트 매개변수에 '30' 값이 반환된 것을 확인할 수 있습니다.

 

 

 

이후 해당 매개변수를 맞춤 정의로 설정한 뒤 (fig 3)

fig 3. 이벤트 매개변수 - 맞춤 정의

 

아무 보고서에서 '+' 버튼을 누르면 맞춤 정의가 잘 설정된 것을 확인할 수 있습니다.

fig 4. 맞춤 정의 확인

---

기존 이벤트를 사용한 맞춤 이벤트

fig 5. 스크롤 70%를 이용한 맞춤 이벤트

 

기존에 만들어 놓은 이벤트를 사용해서 맞춤 이벤트를 만들어 볼게요.

 

스크롤이 70% 이상 된 이벤트만 따로 설정하기 위해

 

'맞춤 이벤트 이름'을 'scroll_70'으로 설정했습니다.

 

'event_name'에는 참고하는 이벤트 'scroll'을 입력해 주고,

 

참고하는 매개변수는 'scroll_percent', 그에 따른 값은 '70'을 입력해 주었습니다.

 

 

 

이렇게 설정하면 스크롤이 70% 이상일 때 새로운 이벤트가 발생할 것입니다.

 

fig 6. 새 이벤트 발생

 

'scroll_70' 이벤트가 잘 발생하네요.

---

이렇게 또 가볍게 포스팅 해 봤습니다.

 

역시 저는 질보다는 양으로 승부하는 것이 잘 어울리는 듯 합니다(?)

 

또 필기 내용이 생기면 바로 귀환하겠습니다~

 

그럼 빠이~