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

投稿日： 2019年10月2日

1 アプリインストール数を集計しよう
2 手順
- 2.1 gaのevent処理を追加
- 2.2 確認
3 本日のオススメ商品
4 終わりに

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

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

参考

【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】

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

手順

gaのevent処理を追加

作業はとても簡単です。

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

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;
    }
}

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を見てみましょう。

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

本日のオススメ商品

Anker 大容量モバイルバッテリー

Anker PowerCore 10000 (10000mAh 最小最軽量大容量モバイルバッテリー/PSE認証済) iPhone&Android 対応 *2019年5月時点 (ブラック)

備えあれば憂いなし！！！

Anker モバイルバッテリー搭載 USB急速充電器

Anker PowerCore Fusion 5000 (5000mAh モバイルバッテリー搭載 USB急速充電器) 【PSE認証済/PowerIQ搭載/折りたたみ式プラグ搭載】 iPhone、iPad、Android各種対応 (ブラック)

これさえあればどこでも充電可能！

日清カップヌードル

日清カップヌードル 77g×20個

神が作ったカップ麺！

終わりに

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

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