GA4 : 웹페이지 제목 받아오기

실시간 보고서나 일반 보고서들을 보면 페이지이름에 관한 보고서가 있습니다.
이를 통해 분석하면 우리는 사용자가 어떤 화면을 많이보는지 확인하기에 아주 용이합니다

오늘은 이런 페이지 이름보고서에 우리가 설정한 페이지 이름을 어떻게 
 수 있는지 간단하게 알아보겠습니다

 

 

1. page_view 이벤트

웹은 기본적으로 page_view 이벤트를 이용해서 사용자가 페이지를 방문했는지 아닌지를 추적합니다.

그리고 여기에 있는 page_title매개변수의 값이 페이지 제목값으로 들어가게 됩니다.

 

따라서 우리는 간단하게 page_view에 있는 page_title의 값의 수집방법을 개선해 줌으로써 간단하게 수집해 줄 수 있습니다.

 

여기서 제가 만들고자 하는 이벤트는 기본적으로 google tag manager 보다는 직접 코드를 심는 것이 유리합니다.

또한 gtm에서 코드를 심는것은 정확하게 트리거가 되지 않을 위험이 있고 생각보다 자주 이런 문제가 발생하기 때문에 꼭 코드로 직접 심으시길 추천 드립니다.

 

 

2. 코드 심기

일단 기본적으로 웹 코드에 ga4 태그가 설치되었다는 가정하에 진행하겠습니다.

참고로 저는 자바스크립트 코드에 심었습니다.

 

일단 먼저 ga4의 이벤트를 보낼 별도의 파일을 만들어서 이렇게 코드를 작성해주세요

별도의 파일을 만드는 이유는 screenName을 보내는 이벤트 외에도 클릭, 스크롤 등의 이벤트가 많이 있고 이들을 한번에 관리하기 위함이에요 하지만 이는 개인의 취향일뿐 여러분이 원하는 위치에 그때그때 gtag로 코드를 쓰고싶다면 그렇게 해도 됩니다.

export function screenName(pageTitle) { 
    gtag('event', 'page_view', {
      'page_title': pageTitle
    });
}

그 다음 원하는 페이지에다가 해당 파일의 screenName함수를 import해서 

 

screenName("PageTitle");

이런식으로 페이지 이름을 넣어주세요

그럼 page_view 이벤트가 트리거 되어서 수집될때 페이지 이름 보고서에도 pageTitle이렇게 정보가 나타나는 것을 볼 수 있습니다.