フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

【baserCMS:初心者向け】ページごとにヘッダーの読み込みを分岐させる

PWAとは

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

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

オフラインGoogleAnalyticsについて

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

▼公式サイト
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って、
www.googletagmanager.com/gtm.js?id=xxx&
www.google-analytics.com/analytics.js
とか、GoogleのURLで、setDefaultHandlerの関数内の処理に入っちゃうみたい、、

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

結論

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

参考サイト

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

[紹介元] PHPタグが付けられた新着投稿 – Qiita 【baserCMS:初心者向け】ページごとにヘッダーの読み込みを分岐させる

コメント

記事に戻る

コメントを残す