VueJS 애플리케이션을 통해 Google Analytics 4의 사용자 지정 차원을 전달하려면 어떻게 해야 합니까?

VueJS 애플리케이션을 통해 Google Analytics 4의 사용자 지정 차원을 전달하려면 어떻게 해야 합니까?

VueJS SPA를 사용하고 있습니다.VueJS SPA에는 사용자 고유의 정보가 저장되어 있습니다.이 정보는 사용자가 로그인하면 GA에 커스텀디멘션으로 전송됩니다.

VueGtag 플러그인을 사용하여 GA4를 SPA에 통합했습니다.

Vue.use(VueGtag, {
    config: {
        id: "G-XXXXXXXXXX" // Data stream measurement ID 
    },
}, router);

사용자 범위 지정 치수 설정:

vue-gtag플러그인은 다음과 같은 커스텀 맵을 통해 커스텀 치수를 송신하는 방법을 제공합니다.

this.$gtag.customMap({ 'dimension2': 'age' })
this.$gtag.event('age_dimension', { age: 35 })

또한 GA4의 gtag 매뉴얼에 따라 시험하였습니다.

this.$gtag.query('set', { dimension2: 'age' })
this.$gtag.event('age_dimension', { age: 35 })

상기의 어프로치를 사용해 주세요.이벤트 데이터는 실시간으로 볼 수 있지만, 검색하면 표시(설정되지 않음)됩니다.Engagement다른 클래스와 함께 탭합니다.예:Pages and Screens.

사용자 고유 정보는 태그 지정에 사용자 속성을 생성하여 태그 지정이 가장 좋습니다.GA4 보고서에서는 사용자 속성이 사용자 범위의 사용자 지정 차원으로 보고됩니다(GA4에서 사용자 지정 치수 및 메트릭에 대해 자세히 알아보십시오).

다음으로 태그 붙이기 예를 나타냅니다.user_location사용자 속성 최적화 튜토리얼의 GA4에서 GA4의 gtag.js를 통한 사용자 속성.

다음으로 태그 붙이기 예를 나타냅니다.favorite_composer,favorite_instrument,그리고.season_ticketholderanalytics.js에서 gtag.js로 업그레이드하기 위한 힌트에 있는 GA4의 gtag.js를 통한 사용자 속성.

그vue-gtaggtag API에 대한 풀액세스를 제공합니다.querymethod(쿼리에 대한 vue-gtag 참조).한다면favorite_composer는 "사용자가 매번 히트할 때마다 커스텀 디멘션으로 로그인하면 GA로 전송하고 싶은 사용자 고유의 정보"입니다.다음과 같은 코드로 실행할 수 있습니다.

this.$gtag.query('set', 'user_properties', {
        favorite_composer: 'Mahler'
      })

이것으로 문제가 해결됩니까?

언급URL : https://stackoverflow.com/questions/69766619/how-to-pass-custom-user-dimension-in-google-analytics-4-via-vuejs-application