[Google Universal Analytics] 전자상거래 설정

전자상거래 설정

이제 주문을 했을때 주문한 상품의 정보와 가격을 구글 이커머스 데이터로 보내보자.

디자인관리 - 쇼핑몰 디자인 수정 - 주문완료 페이지의 내 코드 중 일부.

• 모듈 별로 값을 담을 수 있는 변수명이 다르니 이곳을 참고.
  
  

❗ 모듈의 div 태그 밖에서 span 태그를 선언하고 그 안에다 값을 넣으니, 값이 대입되지 않았다. 값을 넣을때는 반드시 그 변수가 존재하는 모듈 안에 넣어야한다.

display:none으로 보이지 않게 감추고 그 안에 값을 넣어준 후 script에서 id 값으로 호출했다.
굳이 저렇게 태그를 두개로 만들지 않고 원래 태그에 바로 id값이나 class값 부여 후 호출해도 상관없지만 난 원본 값을 유지하기 위해 새로 만들어주었다.

디자인 수정할때도 event가 전송되므로 반드시 if문으로 걸러줘야한다.

데이터 확인

• 전환 - 전자상거래 - 제품실적 탭에서 확인가능하다.
  
  ❗ 실시간으로 반영되는 건 아닌 것 같지만 ga4처럼 하루씩이나 걸리는 것은 아니다.