More than 5 years have passed since last update.

PWAオフラインGA送信備忘録

Last updated at 2018-10-25Posted at 2018-10-25

PWAとは

アプリみたいなUIのくせに審査いらないし、簡単にオフラインキャッシュできるし最高！

詳しくはほかの方が書いているのでそちらをご覧ください。

workboxプラグイン使用すると、簡単に実装できるんだーへー

これだけでできるんだへー

workbox.googleAnalytics.initialize({
  parameterOverrides: {
    cd1: 'offline',
  },
});

offlineうまく飛んでないやんなんでやねん！
と思ったら、原因はworkboxプラグインのRoutingする関数のせいでした、、、

workbox.routing.setDefaultHandler(({url, event, params}) => {
  ...
});

ルートと一致しない要求に対して「ハンドラ」を提供する場合は、デフォルトハンドラを設定できます。

GAとかGTMのJSって、
https://www.googletagmanager.com/gtm.js?id=xxx&...
https://www.google-analytics.com/analytics.js
とか、GoogleのURLで、setDefaultHandlerの関数内の処理に入っちゃうみたい、、

外部URLのRouting1個ずつ定義しなくても、
これだけでできるじゃん！って思って書いてたら見事にハマったわ、、