aws web analytics

AWS 웹 분석

AWS Amplify를 사용하여 Google 웹 로그 분석의 대안으로 AWS PINPOINT의 태그 라이브러리 추적.

철학

Google Analytics에서 AWS로 이동하는 것은 사용자의 개인 정보를 유지하는 방법입니다. 우리의 블로그 게시물 인 Google Analytics를 벗어나야하는 이유는 더 자세히 설명합니다.

Amplify는 유용한 분석 설정을 빠르고 효과적으로 신속하게 설정하려면 많은 보일러 플레이트가 필요합니다.

계정을 초기화하십시오

1. AWS 계정을 만듭니다
2. PINPOINT 계정과 Cognito Federated 사용자 풀을 만듭니다
3. 코드에 다음 태그를 추가하십시오 ( data-id-pool 및 data-pinpoint-id 에 대한 자체 값 포함) :

 < script
    data-id-pool =" us-east-1:abcd1234-abcd-1234-5678-abcd12345678 "
    data-pinpoint-id =" 1234abcd5678abcd7890abcd1234 "
    id =" aws-web-analytics "
    src =" https://goatandsheep.github.io/aws-web-analytics/dist/aws-web-analytics.js "
    type =" text/javascript "
> </ script > 

이벤트를 클릭하십시오

Amplify 페이지 이벤트 추적을 기반으로합니다

data-aws-analytics- 사용하여 다음을 나타냅니다.

• on : 이벤트 듣기
• name : Analytics 이벤트의 이름은 무엇입니까?
• attrs : 필요한 관련 정보

 <!-- you want to track this button and send an event when it is clicked -->
< button
    data-aws-analytics-on =" click "
    data-aws-analytics-name =" submitButtonClick "
    data-aws-analytics-attrs =" attr1:attr1_value,attr2:attr2_value "
> Continue </ button >

click 것 외에 다른 이벤트가 필요한 경우 티켓을 엽니 다

맞춤형 이벤트

Amplify Analytics 레코드를 기반으로합니다.

 window . Amplify . Analytics . record ( {
    name : 'albumVisit' , 
    // Attribute values must be strings
    attributes : { genre : '' , artist : '' }
} ) ; 

AWS 클라우드 설정

IAM 역할

다음과 같은 권한으로 무음의 역할을 허용하는 연합 코 그니토 풀을 설정하십시오.

{
    "Version" : " 2012-10-17 " ,
    "Statement" : [
        {
            "Sid" : " VisualEditor0 " ,
            "Effect" : " Allow " ,
            "Action" : [
                " mobiletargeting:PutEvents " ,
                " mobiletargeting:UpdateEndpoint "
            ],
            "Resource" : " arn:aws:mobiletargeting:us-east-1:<account-number>:apps/<pinpoint-project-id>/* "
        },
        {
            "Sid" : " VisualEditor1 " ,
            "Effect" : " Allow " ,
            "Action" : [
                " mobiletargeting:GetUserEndpoints " ,
                " mobileanalytics:PutEvents "
            ],
            "Resource" : " * "
        }
    ]
}

Cloudformation이 곧 올 것입니다 ...