投稿日：
2019年10月2日
最終更新日：
【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】
YouTubeも見てね♪
ねこじゃすり
猫を魅了する魔法の装備品！
Anker PowerCor
旅行には必須の大容量モバイルバッテリー！
[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット
防水暴風で耐久性抜群なので旅行で大活躍です！
ペヤング ソースやきそば 120g×18個
とりあえず保存食として買っておけば間違いなし！
モンスターエナジー 355ml×24本 [エナジードリンク]
脳を活性化させるにはこれ！
ドラゴンクエスト メタリックモンスターズギャラリー メタルキング
みんな大好き経験値の塊をデスクに常備しておこう！
Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK
メインデスクの横に置くのにぴったりなおしゃれな可動式ラック！
アプリインストール数を集計しよう
前回の記事では、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上での集計は貴重なデータになりますので、忘れずに仕込んでおきましょう。