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コードの挿入を参照してください。

AppMeasurement.jsファイルの設定について詳しくは、同じサブチャプターの設定変数の概要および個々の変数固有のページを参照してください。

AppMeasurement.js ファイルの特性について詳しくは、「Javascript 実装の概要」を参照してください。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now