Featured image of post 【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】

【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】

580文字

アプリインストール数を集計しよう

前回の記事では、PWAアプリのインストール用のボタンを配置して意図的にインストールを行えるようにしました。

関連記事 【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】 2019/09/29 619文字 約2分で読めます IT Mac SEO Windows アプリケーション

今回は、実際にインストールされたPWAアプリ数をGoogleAnalytics上で集計出来るようにスクリプトにサクッと手を加えたいと思います。

手順

gaのevent処理を追加

作業はとても簡単です。

前回紹介したスクリプトに以下のような追加をするだけでOKです。

[adsense-responsive]

PWAインストール関数
function pwaInstall() {
    console.log('pwaInstall Click.');
    ga('send', 'event', 'pwa', 'click', 'installBtn', 1); // 追加
    if (defferedPrompt) {
        defferedPrompt.prompt();
        defferedPrompt.userChoice.then(function(choiceResult) {
            if (choiceResult.outcome === 'dismissed') {
                ga('send', 'event', 'pwa', 'cancel', 'installBtn', 1);// 追加
            } else {
                window.alert('Thank You!');
                ga('send', 'event', 'pwa', 'install', 'installBtn', 1); // 追加
            }
        });
        defferedPrompt = null;
    }
}

3箇所ともgaのイベントに送信しているだけです。

今回は、PWAインストールボタンのクリックインストールキャンセルの3イベントを送信するようにしてみました。

確認

では、実際にタップしてから、GoogleAnalyticsを見てみましょう。

正常に送信出来ていますね♪

終わりに

以上のように簡単にPWAのインストール数をGoogleAnalyticsで集計する事が可能になりました。

GooglePlayAppleStoreを介していないので、このGoogleAnalytics上での集計は貴重なデータになりますので、忘れずに仕込んでおきましょう。