aws web analytics

AWS Web分析

AWS Amplifyを使用したGoogleアナリティクスの代替として、AWSのタグライブラリを追跡します。

哲学

Google AnalyticsからAWSに移行することは、ユーザーのプライバシーを維持する方法です。私たちのブログ投稿、なぜGoogleアナリティクスから移動する必要があるのか​​、それについて詳しく説明しています。

Amplifyは、有用な分析セットアップを迅速かつ効果的にセットアップできるようにするために、多くのボイラープレートを必要とします。

アカウントを初期化します

1. AWSアカウントを作成します
2. ピンポイントアカウントと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 ：分析イベントには何の名前が付けられますか？
• 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 Recordに基づいています。

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

AWSクラウドセットアップ

IAMの役割

フェデレーションされたコグニートプールをセットアップして、次のアクセス許可を使用してUnauthの役割を可能にします。

{
    "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" : " * "
        }
    ]
}

クラウドフォーメーションはすぐに来ます...