4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-10-25

PWAとは

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

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

オフラインGoogleAnalyticsについて

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

▼公式サイト
https://developers.google.com/web/tools/workbox/modules/workbox-google-analytics

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

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個ずつ定義しなくても、
これだけでできるじゃん!って思って書いてたら見事にハマったわ、、

結論

  • workboxのドキュメント誰か日本語訳して
  • workboxプラグイン便利だけどデバッグしづらい

参考サイト

https://developers.google.com/web/tools/workbox/
https://developers.google.com/web/fundamentals/primers/service-workers/?hl=ja

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?