Show Menu
トピック×

Adobe Analytics の PWA

このページでは、Adobe Analytics をプログレッシブウェブアプリ(PWA)と共に使用する方法について説明します。

はじめに

PWA は、Web サイトにネイティブアプリケーションエクスペリエンスやオフライン機能を提供できます。通常、PWA には、service worker、キャッシングプロビジョニング、およびマニフェストファイルが含まれます。これらはすべて、読み込み時間の短縮、ナビゲーションの簡素化、レスポンシブな動作に役立ちます。
Adobe Analytics は、従来の Web サイトと同様、PWA とシームレスに連携します。PWA には、それ自体で漸進的に動作するための追加要件がいくつかありますが、Analytics がデータを収集してレポートする方法に対して科す障壁や制限は、従来の Web サイトと同じものです。実際、Analytics には既にオフライントラッキング機能が含まれているため、PWA を使用すると、この組み込み機能を従来の Web サイトよりも簡単に活用できます。

PWA Analytics データの取得

Analytics を使用して PWA データを収集および分析するために構成を変更する必要はありません。Analytics は、従来の Web サイトに対してと同じ機能や特徴をすべて自動的に提供します。

オフライントラッキングの追加による PWA 有効性の向上

Adobe Analytics の オフライントラッキング機能 を使用して、PWA の効果を高めることができます。デフォルトでは、この機能はオフになっていますが、AppMeasurement.js ファイルにプロパティ「 s.trackOffline=true; 」を追加してオンにすることができます。
例えば、次の AppMeasurement.js ファイルでは、プロパティが CONFIG SECTION の最後に追加されています。
/************************** CONFIG SECTION **************************/ 
/* You may add or alter any code config here. */ 
/* Link Tracking Config */ 
s.trackDownloadLinks=true 
s.trackExternalLinks=true 
s.trackInlineStats=true 
s.linkDownloadFileTypes="exe,zip,wav,mp3,mov,mpg,avi,wmv,pdf,doc,docx,xls,xlsx,ppt,pptx" 
s.linkInternalFilters="javascript:" //optional: add your internal domain here 
s.linkLeaveQueryString=false 
s.linkTrackVars="None" 
s.linkTrackEvents="None" 
s.trackOffline=true
*** 

AppMeasurement.js ファイルの編集について詳しくは、「 AppMeasurement.js ファイルへのコードの挿入 」を参照してください。
AppMeasurement.js ファイルの構成例については、「 AppMeasurement.js ファイルの構成 」を参照してください。
AppMeasurement.js ファイルの特性について詳しくは、「 Javascript 実装の概要 」を参照してください。