개인 웹사이트에 Google Analytics 추가

4270 단어 webdevdataanalyticsgoogle
Click here for Original Post

구글 애널리틱스 계정 설정


  • Google Analytics home page로 이동
  • Google 계정으로 로그인(그렇지 않으면 Sign Up )
  • 왼쪽 창에서 Admin 아이콘을 클릭합니다.

  • 측정할 속성에 대한 세부 정보를 제공하여 웹사이트 계정을 생성합니다. 이 경우 내 개인 웹사이트입니다.

    1 단계





    • 2 단계





    3단계





    측정할 속성의 추적 ID 가져오기


  • Tracking ID는 gatsby google analytics 플러그인
    • 아래 내 개인 웹사이트의 gatsby 구성에 제공될 식별자입니다.
  • 다음은 동일한 항목을 찾는 데 도움이 됩니다.


  • Tracking ID를 기록해 둡니다.

    • 개츠비 플러그인 추가


  • 플러그인을 설치해야 합니다gatsby-plugin-google-analytics (Ref: https://www.gatsbyjs.com/plugins/gatsby-plugin-google-analytics/ )
  • 로컬 개발 환경에서 명령을 실행하십시오npm install gatsby-plugin-google-analytics.
  • gatsby-config.js에 다음 블록을 추가합니다.

    •         {
            resolve: `gatsby-plugin-google-analytics`,
            options: {
                trackingId: process.env.GATSBY_GOOGLE_ANALYTICS_TRACKING_ID || "none"
            }
        }


  • GATSBY_GOOGLE_ANALYTICS_TRACKING_ID는 추적 ID를 공개하지 않기 위해 배포 환경에 추가해야 하는 환경 변수입니다
    • .

    AWS Amplify에서 Env 변수 설정



    배포 환경


  • 내 개인 웹 사이트가 A를 통해 호스팅되고 배포되도록 설정되었습니다AWS Amplify.
  • AWS 리소스를 자동으로 프로비저닝하는 이점이 있음
  • CI/CD 내장
  • 코드가 연결된 github 저장소의 master 분기에 병합될 때 자동 배포


    • Amplify 콘솔 - 환경 변수


  • Amplify 콘솔에 로그인: https://console.aws.amazon.com/console/home AWS 자격 증명 사용
  • 앱(웹 사이트 배포)을 선택하고 App Settings에서 Environment Variables를 확인합니다.

  • Manage Variables를 클릭하세요.

  • Add Variable를 클릭합니다. GATSBY_GOOGLE_ANALYTICS_TRACKING_ID를 Variable로 추가하고 Value 아래에 Google Analytics에서 복사한 Tracking ID를 붙여넣습니다.

  • 일단 저장되면 환경 변수 목록에 값이 표시되어야 합니다.


    • That's it !



    일단 설정되면 Google Analytics는 이제 실시간으로 지표(예: 활성 사용자)를 추적하기 시작합니다. Analytics는 대상 고객에 맞게 콘텐츠를 조정하는 데 많은 잠재력을 가지고 있습니다.

    HZAU 교전 F 문제 LCS(dp)
    순수한 CSS로 드롭다운 메가 메뉴를 만드는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage