投稿日：
2019年10月2日
最終更新日：
【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】
YouTubeも見てね♪
[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット
防水暴風で耐久性抜群なので旅行で大活躍です！
レッドブル エナジードリンク 250ml×24本
翼を授けよう！
モンスターエナジー 355ml×24本 [エナジードリンク]
脳を活性化させるにはこれ！
ドラゴンクエスト メタリックモンスターズギャラリー メタルキング
みんな大好き経験値の塊をデスクに常備しておこう！
Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK
メインデスクの横に置くのにぴったりなおしゃれな可動式ラック！
BANDAI SPIRITS ULTIMAGEAR 遊戯王 千年パズル 1/1スケール
もう一人の僕を呼び覚ませ！！
サンディスク microSD 128GB
スマホからSwitchまで使える大容量MicroSDカード！
アプリインストール数を集計しよう
前回の記事では、PWAアプリのインストール用のボタンを配置して意図的にインストールを行えるようにしました。
今回は、実際にインストールされたPWAアプリ数をGoogleAnalytics上で集計出来るようにスクリプトにサクッと手を加えたいと思います。
手順
gaのevent処理を追加
作業はとても簡単です。
前回紹介したスクリプトに以下のような追加をするだけでOKです。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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で集計する事が可能になりました。
GooglePlayやAppleStoreを介していないので、このGoogleAnalytics上での集計は貴重なデータになりますので、忘れずに仕込んでおきましょう。